Angular routerLink conditionally

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

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

Создание и использования переменных окружения в Angular с использованием CLI >= 6 версии.

Записать enum в свойство компонента и использовать это свойство.

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

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

ng build --watch
npx lite-server --baseDir="dist/project-name"

*ngIf не отображает содержимое в falsy случаях (0, null, undefined) на async pipe, в пакете @rx-angular/template предлагается решение