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 Storybook

Установите пакет npm i @storybook/cli -g и запустите команду sb init в корне angular проекта.

Angular. Редирект по условию

Пример условного перенаправления пользователя в зависимости от некого количества

0 - dashboard
1 - карточка
2 и более - список

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

Angular. Стилизация host элемента

Про :host, :host-context(selector) и :host-context(selector)

Angular темизация через CSS переменные

Для решения проблемы существует 2 подхода:

Binding стилей через DomSanitizer.bypassSecurityTrustStyle
Манипуляция через element.style.setProperty(cssVaribale, value);

Simple Angular Logger Service

Код из Logger Service с angular.io sources