Angular routerLink conditionally
<a [routerLink]="myVar ? '/home' : null" routerLinkActive="is-active">Home</a>
or
<a [routerLink]="myVar ? ['/home'] : []">Home</a>
<a [routerLink]="myVar ? '/home' : null" routerLinkActive="is-active">Home</a>
or
<a [routerLink]="myVar ? ['/home'] : []">Home</a>
Покажу на примере нового проекта.
ng new project_name
cd project_name
npm install --save bootstrap@next
npm install --save @ng-bootstrap/ng-bootstrap
В angular-cli.json в секцию style надо добавить наш CSS, чтобы глобально подключить стили.
"styles": [
"styles.css",
"../node_modules/bootstrap/dist/css/bootstrap.min.css"
],
Представлена реализация взаимной подписки без генерации событий.
Использование сервиса для окружения вместо прямой ссылки на environment.ts
Подписка на router.events
, на событие NavigationStart
spinner показывается, на события NavigationEnd
, NavigationCancel
, NavigationError
скрывается.
Рассматриваются варианты встраивания форм, позволяющие переиспользовать набор полей вводе со своей логикой. @Input() родительской формы, @Output() дочерней формы, ViewChild(), ControlValueAccessor, ControlContainer
Приводятся примеры расширения PrimeNG календаря и NgFor с использованием директив