Angular 的@Attribute装饰器是如何工作的？

Question

我是学习Angular的新手。我在 angular.io 上学习了Angular的装饰器。关于@Attribute装饰器的信息并不多。请任何人给我一些用例。

Answer 1

@Attribute修饰器从主机返回指定属性的值。

例如：

@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 在每个更改检测周期中重新检查值时，它很有用。使用属性，您只需获得一次值即可完成。