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

Представлены 2 варианта решения, как сослаться на локальную переменную шаблона (#myVar) за пределами шаблона:

Ссылка на статью и видео объясняющие валидацию форм в Angular

Выдержки из доклада Андрея Алексеева (Tinkoff) про RxJs (Subject, Behaviour Subject, Replay Subject, Async Subject). Применение в Angular.

Используется конструкция

<img src="image.jpg" [alt]="'KEY' | translate">

ng add @nguniversal/express-engine --clientProject 
npm run build:ssr && npm run serve:ssr

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