angular - 动态添加属性到输入元素

Question

我正在通过一个语句创建一堆input元素*ngFor，其中一些我想添加一个data-bv-integer="true"属性，而有些我不想。它是否出现取决于*ngFor项目的属性。

那有可能吗？

我尝试添加[attr.data-bv-integer]="false"作为测试以查看是否会删除该项目，但它不会。

标签： angularangular6

Answer 1

这是您可以使用 angular 为 HTML 元素动态添加属性的方法：

[<<attribute>>]="<<condition>> ? '<<if true>>' : '<<if false>>'"

在您的情况下，它将是：

[attr.data-bv-integer]="shouldShow() ? 'true' : null"

注意：null 将删除该属性

编辑：添加了“属性”。谢谢@ConnorsFan