角度模板中的 attr.property 和 property 有什么区别？

【问题标题】：What is the difference between attr.property and property in angular template?角度模板中的 attr.property 和 property 有什么区别？
【发布时间】：2018-08-07 09:48:21
【问题描述】：

 <input class=" form-control" formControlName="employeeId" [attr.disabled]="loginNameDisable ? null : ''"/>

输入正常

<input class=" form-control" formControlName="employeeId" [disabled]="loginNameDisable ? true : false"/>

输入无效

为什么输入不起作用？

[attr.property]和angular模板中的property有什么区别？

【问题讨论】：

标签： angular attr angular-template

【解决方案1】：

这是因为没有名为disabled 的Input 属性，因此您必须使用[attr.disabled] 来发送表达式。

如果您想使用原生disabled，请尝试使用disabled={{<expression>}}。这样，无论您是否发送 false，它将始终被禁用。请检查以下链接以获取证据。

https://stackblitz.com/edit/angular-amtzxw?file=src%2Fapp%2Fapp.component.html

不过，推荐的方式是[attr.disabled]。

【讨论】：

你能详细说明你的意思吗？
如果Input没有diable属性，为什么[attr.disabled]可以正常工作？
Angular 就是这样构建它的。您可以使用[attr.<attribute_name>] 设置任何属性。