Как работает угловой @Attribute decorator?

Question

Я новичок в изучении Angular. Я изучал декораторы angular на angular.io. Не так много информации о декораторе @Attribute. Пожалуйста, кто-нибудь, дайте мне несколько вариантов использования.

Answer 1

@Attribute Decorator возвращает значение указанного атрибута с хоста.

Например:

@Directive({
  selector: '[test]'
})
export class TestDirective {
  constructor(@Attribute('type') type ) {
    console.log(type); // text
  }
}

@Component({
  selector: 'my-app',
  template: `
    <input type="text" test>
  `,
})
export class App {}

Это полезно, например, когда вам не нужно использовать Inputs() и вы не хотите, чтобы Angular перепроверил значение в каждом цикле обнаружения изменений. С атрибутом вы получаете значение один раз, и все готово.