Angular routerLink conditionally

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

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

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

Импорты scss в angular

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

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

Правильный импорт lodash методов

После анализа bundl'a разрабатываемого приложения меня насторожил момент, что lodash занимает хороший такой кусок в 95kb, хотя используется всего 3 функции. И вот к чему привели поиски.

Angular. DoCheck и KeyValueDiffers

KeyValueDiffers позволяет отслеживать мутации свойств объектов

Angular. Получить все ошибки FormGroup

Метод для рекурсивного получения ошибок всех контролов FormGroup или FormArray

Angular. Изменение функциональности компонентов с помощью директив

Приводятся примеры расширения PrimeNG календаря и NgFor с использованием директив