Атрибут

Предположим, у нас есть элемент <input>, и мы хотим узнать его type.

<input type="text">

В следующем примере декоратор используется для внедрения строкового литерала text в директиву.

@Directive({
  selector: 'input',
})
class InputAttrDirective {
  constructor(@Attribute('type') type: string) {
    // type would be 'text' in this example
  }
}

В следующем примере декоратор используется в конструкторе компонента.

@Component({
  selector: 'page',
  template: 'Title: {{title}}',
})
class Page {
  title: string;
  constructor(@Attribute('title') title: string) {
    this.title = title;
  }
}