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. Валидация форм.

Ссылка на статью и видео объясняющие валидацию форм в Angular

Импорты scss в angular

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

Angular. Редирект по условию

Пример условного перенаправления пользователя в зависимости от некого количества

0 - dashboard
1 - карточка
2 и более - список

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

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

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

Переменные окружения для Angular приложения

Использование переменных окружения Docker контейнера в Angular environment.