Angular routerLink conditionally

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

<a [routerLink]="myVar ? '/home' : null" routerLinkActive="is-active">Home</a>
or
<a [routerLink]="myVar ? ['/home'] : []">Home</a>

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

forkJoin - параллельные запросы, mergeMap - последовательные запросы

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

Представлена реализация взаимной подписки без генерации событий.

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

Пример нестандартной ленивой загрузки модуля