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