Декоратор директивы

Что он делает

Помечает класс как директиву Angular и собирает метаданные конфигурации директивы.

Как использовать

import {Directive} from '@angular/core'; @Directive({ selector: 'my-directive', }) export class MyDirective { }

Описание

Декоратор директивы позволяет помечать класс как директиву Angular и предоставлять дополнительные метаданные, которые определяют, как директива должна обрабатываться, создаваться и использоваться во время выполнения.

Директивы позволяют прикреплять поведение к элементам DOM.

Директива должна принадлежать модулю NgModule, чтобы ее можно было использовать другой директивой, компонентом или приложением. Чтобы указать, что директива является членом NgModule, нужно перечислить ее в поле declarations этого NgModule.

В дополнение к конфигурации метаданных, заданной через декоратор Directive, директивы могут контролировать свое поведение во время выполнения, реализуя различные циклы жизни.

Свойства метаданных:

• exportAs - имя, под которым экземпляр компонента экспортируется в шаблоне
• host - карта свойств класса для привязок элементов-хостов к событиям, свойствам и атрибутам
• inputs - список имен свойств класса для привязки данных как входных данных компонента
• outputs - список имен свойств класса, которые экспонируют выходные события, на которые другие могут подписаться
• providers - список поставщиков, доступных для этого компонента и его дочерних элементов
• queries - настроить запросы, которые могут быть введены в компонент
• selector - CSS-селектор, который идентифицирует этот компонент в шаблоне

экспортировано из @angular/core/index, определено в @angular/core/src/metadata/directives.ts