Angular routerLink conditionally

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

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

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

Отладка Angular в VS Code

Настройка Visual Studio Code используя расширение Debugger for Chrome для отладки Angular приложений

Angular. Enum values in template

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

Angular. ViewChild, ViewChildren, ContentChild и ContentChildren

@ViewChild - querySelector
@ViewChildren - querySelectorAll
@ContentChild - querySelector внутри ng-content
@ContentChildren - querySelectorAll внутри ng-content

let-* $implicit in Angular template

Синтаксис let-* позволяет объявить переменную в шаблоне , использования ключа $implicit позволяет устанавливать значение по-умолчанию для объявленной переменной.

Angular. Создание библиотеки компонентов

Краткая инструкция по созданию Angular библиотеки компонентов с помощью Angular CLI. Публикация и использование npm пакета библиотеки.

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