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,
) {}

Похожие записи

Angular. async pipe with ngIf

Обработка Observable с помощью NgIf и фильтра async

HostListener/HostBinding vs host метадата

Официальное руководство рекомендует использовать декораторы @HostListener и @HostBinding.

О предпочтительности использования async pipe. При OnPush стратегии не требуется вызывать markForCheck() внутри подписки +решение с несколькими | async pipes развёрнутых в одну переменную (внутри шаблона).

Angular. HTTP long polling

httpRequest.pipe(
  repeat(),
  takeUntil(stop$)
).subscribe(x => console.log(x));

Angular URL Matcher

Функция сопоставления маршрута с URL-адресами. Возможность динамически подбирать компонент для маршрута

Angular анимация для router-outlet

Быстрое создание router анимации, используя buildRouteTransition из ngx-animations