angular的@Attribute装饰器如何工作？

Question

我是学习Angular的新手。我正在 angular.io 上学习角度的装饰器。关于 @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在每个更改检测周期中重新检查该值时，它非常有用。使用属性，您将获得一次价值并完成任务。