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 Pipeable Operators

Начиная с версии rxjs 5.5 операторы вместо цепочки вызовов применяются как параметры функции pipe.

Импорты scss в angular

    "styles": [
      "src/styles.scss"
    ],
    "stylePreprocessorOptions": {

Плюрализованные сообщения в ngx-translate

Необходимо выводить:

1 сайт
2,3,4 сайта
5,6,.. сайтов

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

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

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

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

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