Angular routerLink conditionally

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

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

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

let-* $implicit in Angular template

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

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

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

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

Про структурные директивы Angular

О том как в шаблоне ng-template получить из директивы значение и как в директиву закинуть несколько Input()

Angular. Показать spinner во время навигации

Подписка на router.events, на событие NavigationStart spinner показывается, на события NavigationEnd, NavigationCancel, NavigationError скрывается.

Angular. Использование web components

Предлагается вместо CUSTOM_ELEMENTS_SCHEMA использовать @Directive() обёртки над веб-компонентами

Angular анимация для router-outlet

Быстрое создание router анимации, используя buildRouteTransition из ngx-animations