Angular routerLink conditionally
<a [routerLink]="myVar ? '/home' : null" routerLinkActive="is-active">Home</a>
or
<a [routerLink]="myVar ? ['/home'] : []">Home</a>Похожие записи
Как добавить ng-bootstrap компоненты в проект Angular-CLI?
Покажу на примере нового проекта.
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"
],Создание custom form field control (ControlValueAccessor)
Вкратце об writeValue & registerOnChange, пример простого кастомного контрола формы.
Upload файла в Angular по клику кнопки
Создано простейшее nestjs приложение, принимающее файлы. Выбор и отправка файла по клику подразумевает, что на форме отсутствует input для файла. Отправка запроса осуществляется с отслеживанием прогресса.
Плюрализованные сообщения в ngx-translate
Необходимо выводить:
- 1 сайт
- 2,3,4 сайта
- 5,6,.. сайтов
DI декораторы Angular
Кратко об декораторах @Self, @SkipSelf, @Host, @Optional. Отличие @Host от @Self
TS. Event bus
Создаётся providedIn: 'root' сервис событий. Затем отправляются события на шину, и если какой-либо слушатель подписан на эти события, он получает уведомления.