Html ion col：属性col-*未应用null值，而不是false

我想使用col-*属性动态设置列宽。

当我设置

[attr.col-3]=“false”

时，宽度（col-3）仍然应用

要不应用col-3，我必须通过以下方式将属性设置为

null

：

[attr.col-3]=“false？true:null”

当我的条件变量是布尔值时，有没有办法避免添加额外的代码？

---

应用属性col-3

col-2

属性col-3未应用

col-2

不，除了将属性设为null之外，没有其他方法可以有条件地删除属性。因此，您必须编写这些额外的代码行。这将需要：

col-2

<ion-col [attr.col-2]="true" [attr.col-3]="false">col-2</ion-col>

<ion-col [attr.col-2]="true" [attr.col-3]="false ? false : null">col-2</ion-col>

<ion-col [attr.col-2]="true" [attr.col-3]="false ? false : null">col-2</ion-col>