Директивы¶
Директивы определяют набор инструкций, которые применяются при рендеринге html-кода. Директива представляет класс с директивными метаданными. В TypeScript для прикрепления метаданных к классу применяется декоратор @Directive
.
В Angular есть три типа директив:
- Компоненты: компонент по сути также является директивой, а декоратор
@Component
расширяет возможности декоратора@Directive
с помощью добавления функционала по работе с шаблонами. - Атрибутивные: они изменяют поведение уже существующего элемента, к которому они применяются. Например,
ngModel
,ngStyle
,ngClass
-
Структурные: они изменяют структуру DOM с помощью добавления, изменения или удаления элементов hmtl. Например, это директивы
ngFor
иngIf
- Создание атрибутивных директив
- Взаимодействие с пользователем, @HostListener и @HostBinding
- Получение параметров в директивах
- Структурные директивы ngIf, ngFor, ngSwitch
- Создание структурных директив