与数组绑定的角度属性

Question

我正在尝试将一个数组分配给一个属性，然后将其转换为字符串。它将是组件的类。

btnClasses="[{'btn'},{'btn-outline-primary'},{'text-capitalize mx-1'}]"

Answer 1

为什么要这样做？如果你试图从代码中为按钮分配类，你应该简单地将它们附加到一个字符串中，然后将其分配给html端的标签attr.class。

TS:

// btnClass is a class property
btnClass = 'btn btn-outline-primary text-capitalize mx-1';
if (isBtnEnabled) {
btnClass += ' enabled';
}

HTML:

<button [attr.class]="btnClass">Test</button>