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. async pipe with ngIf

Обработка Observable с помощью NgIf и фильтра async

let-* $implicit in Angular template

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

Анализ бандла Angular приложения

Визуализация с помощью инструмента webpack-bundle-analyzer

Синхронизировать поля на реактивной форме Angular

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

Angular. Manually retry http request

На память. Некоторое время назад я решил достаточно необычную задачу, но в последствии на backend`е переделали логику и код был удалён из проекта.

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