Angular. Подключение внешних библиотек

Опубликовано в Angular • 20 ноября 2019 г. • 1 мин. на чтение

Внедрение библиотеки через механизм внедрения зависимостей позволяет сделать нормальные тесты на компонент.

declare const gapi: GoogleApi;

export const GOOGLE_API = new InjectionToken('GOOGLE_API', {
  providedIn: 'root',
  factory: () => gapi
});

или

export const GOOGLE_API = new InjectionToken('GOOGLE_API', {
  providedIn: 'root',
  factory: () => window['gapi']
});

constructor(
   private readonly _changeDetectorRef: ChangeDetectorRef,
   @Inject(GOOGLE_API) private readonly _gapi: GoogleApi,
) {}

Необходимо выводить:

Пример задания значения булева Input свойства как директивы, на примере:

Визуализация с помощью инструмента webpack-bundle-analyzer

combineLatest(
  this._activatedRoute.params,
  this._activatedRoute.queryParams
)

Кратко об декораторах @Self, @SkipSelf, @Host, @Optional. Отличие @Host от @Self

Resolver гарантированно получает асинхронные данные до создания компонента исходя из параметров маршрута.