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

Question

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

输入正常工作

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

输入无效

为什么输入不起作用？

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

Answer 1

这是由于没有名为Input的{​​{1}}属性，因此您必须使用disabled来发送表达式。

如果您想使用本机[attr.disabled]，请尝试使用disabled。这样，无论是否发送false，它将始终被禁用。请检查以下链接以获取证明。

  

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

但是，推荐的方法是disabled={{<expression>}}。