Javascript 如何在Ionic 2/Angular 2的复选框中设置名称中带有括号的属性？

我想根据某个变量中的布尔值为app.variables.scs中的复选框使用自定义颜色。使用按钮很容易：

单击

如果我不使用变量，它将如下所示：

但复选框的SCSS名称与ion checkbox[girl]不同。复选框已选中{…，由于括号原因，我无法使用该复选框。这会在控制台中引发错误：

<ion-checkbox [class.ion-checkbox[customcolor]]="true" checked="false"></ion-checkbox>

未能对“元素”执行“setAttribute”：“[class.ion复选框[customcolor]]”不是有效的属性名称

这可以通过使用简单名称创建自定义类来解决，但这必须有其他简单的解决方案，我找不到

那么，我如何在HTML/Ionic标记中使用这些括号呢？

非常感谢！你试过了吗

请告诉我：

<ion-checkbox [ngClass]="{class.ion-checkbox[customcolor]: variable}" checked="false"></ion-checkbox>

---

谢谢，小心，我觉得你在[ngClass]=“{'class.ion checkbox[customcolor]'：variable}”中缺少了一些引号。在这个特定的例子中，这不起作用，因为我为你提供了糟糕的CSS/SCS，但你让我走上了正确的道路！