Angular routerLink conditionally
<a [routerLink]="myVar ? '/home' : null" routerLinkActive="is-active">Home</a>
or
<a [routerLink]="myVar ? ['/home'] : []">Home</a>Похожие записи
#local variable внутри *ngIf
Представлены 2 варианта решения, как сослаться на локальную переменную шаблона (#myVar) за пределами шаблона:
- @ViewChild
- @ViewChildren
Angular параллельные и последовательные запросы на RxJS
forkJoin - параллельные запросы, mergeMap - последовательные запросы
Angular Storybook
Установите пакет npm i @storybook/cli -g и запустите команду sb init в корне angular проекта.
Переиспользуемые анимации в Angular
Для создания анимации используется функция animation(). Для её использования — useAnimation(). Приводится пример переиспользуемой анимации, а также создание анимации через литерал объекта.
Angular темизация через CSS переменные
Для решения проблемы существует 2 подхода:
- Binding стилей через
DomSanitizer.bypassSecurityTrustStyle - Манипуляция через
element.style.setProperty(cssVaribale, value);
TS. Event bus
Создаётся providedIn: 'root' сервис событий. Затем отправляются события на шину, и если какой-либо слушатель подписан на эти события, он получает уведомления.