class 名称中带有前缀的 ngClass 给出 space

Question

我有一个 HTML 元素，其中一些 class 如下所示：

<div class="table__column--cell"
[ngClass]="{'--toggle': displayToggle == true}">
 ........
</div>

当我运行项目时，我看到 div 和 class 作为 "table__column--cell --toggle" 而不是 "table__column--cell--toggle" 应该没有 space .

有人可以帮忙吗？

Answer 1

我猜你想要

如果 displayToggle 为真，则 class 将为 table__column--cell--toggle，否则将为 table__column--cell。

然后你可以使用形式为

的条件运算符

条件？结果如果条件为真：如果条件为假

<div [ngClass]="displayToggle == true ? 'table__column--cell--toggle' : 'table__column--cell'">
 ........
</div>

ngClass with prefix in class name gives space