Angular routerLink conditionally

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

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

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

RxJs Subjects

Выдержки из доклада Андрея Алексеева (Tinkoff) про RxJs (Subject, Behaviour Subject, Replay Subject, Async Subject). Применение в Angular.

@Attribute() декоратор

Аналогично @Input() позволяет получить значение атрибута с хоста компонента/директивы, но не отслеживает дальнейшее изменение атрибута.

Angular & MVVM

Model - just file like user.class.ts
View - HTML template of component
ViewModel - Typescript part of a component

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

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

Angular. Functions & getters в шаблонах

На каждый цикл механизма обнаружения изменений выполняется метод из шаблона. Если этого надо избежать, то следует использовать pure pipe или результат выполнения присвоить свойству компонента

Angular. Отличие baseHref от deployUrl

deployUrl - задаёт путь для статических (js, css) файлов в index.html.
baseHref - определяет base, используется в ссылках и маршрутизации (routing) Angular