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