@angular/core#InjectionToken TypeScript Examples

MERMAID = new InjectionToken<Mermaid>(
  'Mermaid',
  {
    providedIn: 'root',
    factory(): Mermaid {
      return mermaid;
    }
  }
)

ANIMATION_FRAME = new InjectionToken<Observable<DOMHighResTimeStamp>>(
    'Shared Observable based on `window.requestAnimationFrame`',
    {
        factory: () => {
            const {requestAnimationFrame, cancelAnimationFrame} = inject(WINDOW);
            const animationFrame$ = new Observable<DOMHighResTimeStamp>(subscriber => {
                let id = NaN;
                const callback = (timestamp: DOMHighResTimeStamp) => {
                    subscriber.next(timestamp);
                    id = requestAnimationFrame(callback);
                };

                id = requestAnimationFrame(callback);

                return () => {
                    cancelAnimationFrame(id);
                };
            });

            return animationFrame$.pipe(share());
        },
    },
)

LG_ACCORDION = new InjectionToken<LgAccordionComponent>('LG_ACCORDION')

DYNAMICHOOKS_GLOBALSETTINGS = new InjectionToken<DynamicHooksGlobalSettings>('The global settings for the DynamicHooks module.')

BASE_PATH = new InjectionToken<string>('basePath')

GREETER = new InjectionToken('Greeter', {
  providedIn: 'root',
  factory: () => Greeter,
})

ACTIVATOR = new InjectionToken<any[]>('ACTIVATOR')

DIALOG_DATA = new InjectionToken<any>('aui-dialog-data')

export function searchConfigFactoryToken<T>(searchConfig: SearchConfig<T>): InjectionToken<SearchConfigService<T>> {
  return new InjectionToken('SEARCH_CONFIG_FACTORY', {
    factory() {
      return searchConfigFactory(searchConfig);
    }
  });
}

LOCAL_STORAGE_TOKEN = new InjectionToken(
  'example-app-local-storage',
  { factory: storageFactory }
)

Auth0ClientService = new InjectionToken<Auth0Client>(
  'auth0.client'
)

AUTH_STRATEGY = new InjectionToken<AuthStrategy<any>>(
  "AuthStrategy"
)

APP_TITLE = new InjectionToken<string>('App Title Postfix')

EDIT_DIALOG_TOKEN: InjectionToken<ComponentType<any>> =
    new InjectionToken<ComponentType<any>>('EDIT_DIALOG_TOKEN')

DXC_RESULTSET_TABLE = new InjectionToken<any>(
  "DXC_RESULTSET_TABLE"
)

ROUND_PROGRESS_DEFAULTS =
    new InjectionToken<RoundProgressDefaults>('ROUND_PROGRESS_DEFAULTS')

API_URL = new InjectionToken<string>('Base API Url', {
  factory: () => environment.api
})

APP_TITLE = new InjectionToken<string>('App Title Postfix')

NGX_TIPPY_MESSAGES = new InjectionToken<string>('NGX_TIPPY_MESSAGES')

MIN_SCREEN_WIDTH = new InjectionToken<number>(
  'Minimum screen width to act as breakpoint between regular and small devices'
)

BASE_PATH = new InjectionToken<string>('basePath')

NGX_MAT_COLOR_PICKER_SCROLL_STRATEGY =
  new InjectionToken<() => ScrollStrategy>('ngx-mat-colorpicker-scroll-strategy')

MAT_MOMENT_DATE_ADAPTER_OPTIONS = new InjectionToken<NgxMatMomentDateAdapterOptions>(
  'MAT_MOMENT_DATE_ADAPTER_OPTIONS', {
  providedIn: 'root',
  factory: MAT_MOMENT_DATE_ADAPTER_OPTIONS_FACTORY
})

DELAY_AFTER_NAVIGATION = new InjectionToken<number>('DelayAfterNavigation', {
    factory: () => 0
})

MENU_TOKEN = new InjectionToken<Menu[]>('menu-token', {
  providedIn: 'root', factory(): Menu[] {
    return menuNav;
  }
})

ConfigToken = new InjectionToken<InoElementsConfig>(
  'INOVEX_ELEMENTS_CONFIG'
)

AVAILABLE_APPS = new InjectionToken<{
  [appName: string]: AppRegistration;
}>('Available Apps')

DYN_CONTROLS_TOKEN = new InjectionToken<DynControlProvider[]>(
  '@myndpm/dyn-forms/dyn-controls'
)

TEMPLATED_ITEMS_COMPONENT = new InjectionToken<TemplatedItemsComponent>('TemplatedItemsComponent')