angular - attr.property 和 Angular 模板中的属性有什么区别?

标签 angular attr angular-template

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

输入正常

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

输入法不起作用

为什么输入法不起作用?

[attr.property]和 Angular 模板中的属性有什么区别?

最佳答案

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

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

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

但是,推荐的方式是[attr.disabled] .

关于angular - attr.property 和 Angular 模板中的属性有什么区别?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51723760/

相关文章:

angularjs - Vue 可以像 Angular 一样通过依赖注入(inject)(DI)导入组件吗?

python - 属性未使用 lxml python 添加到 xml 文档

jquery在src更改后获取图像宽度

Angular 2 动态更改 ngTemplateOutlet 中的模板

javascript - 难以实现拦截器来处理刷新 token

ios - Ionic 5 Google Map Marker 在 IOS 上打破动画

angular - 当我通过哈希路由器打开页面时,所有 Angular2 的模板语法都被破坏了

angular - ngIf 单行 if 语句 | Angular 6

javascript - 用户单击后 Angular 更改复选框的状态

javascript - 如何使用jquery从图像列表中获取点击图像的属性