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

Опубликовано в Angular • 19 ноября 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,
) {}

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

@Attribute() декоратор

Аналогично @Input() позволяет получить значение атрибута с хоста компонента/директивы, но не отслеживает дальнейшее изменение атрибута.

DI декораторы Angular

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

Angular & MVVM

Model - just file like user.class.ts
View - HTML template of component
ViewModel - Typescript part of a component

Переменные окружения для Angular приложения

Использование переменных окружения Docker контейнера в Angular environment.

Про структурные директивы Angular

О том как в шаблоне ng-template получить из директивы значение и как в директиву закинуть несколько Input()

Вставить <script> в Angular компонент

Добавление сторонних скриптов в Angular по запросу. Как известно, добавить скрипт через шаблон невозможно. Представлено решение как это сделать программно.