角属性通过attr绑定。当使用@属性时，结果为空值。

Question

如果我在模板中使用这样的角度组件：

<my-cmp selectable />

我的组件在其构造函数中询问以下内容：

constructor(@Attribute("selectable") selectable: string){};

然后，selectable将是一个空字符串，正如预期的那样，但是当它像这样使用时：

<my-cmp [attr.selectable]="true" />

这将正确地将属性放置到DOM中的标记中，并得到以下结果：

<my-cmp selectable="true" />

但是在这种情况下，selectable总是有一个null值，不管它是在construct上还是在ngOnInit上，以及它的给定值(例如false，“或其他任何东西也会导致null)。

这里的问题是:为什么？更重要的是:如何以最佳的角度使用布尔属性？

注意:在这种情况下，我显式地不想使用property-binding，给定的“输入”应该是静态的。

Answer 1

您可以了解有关@Attribute装饰器这里的内部信息：

角在运行时不读取属性值，只在编译时读取属性值，否则会影响性能。

使用<my-cmp [attr.selectable]="true" />语法，您将创建一个绑定。但属性值将在第一个更改检测周期之后设置。因此，在编译时，您将没有属性集，因此您将得到一个null值。