ngClass在类名中带有前缀

Question

我有一个带有如下所示类的HTML元素：

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

运行项目时，我看到div的类为“ table__column--cell --toggle”，而不是“ table__column--cell--toggle”，后者应该没有空格。

有人可以帮忙吗？

Answer 1

我想你想要类似

如果displayToggle为true，则类将为table__column--cell--toggle，否则它将为table__column--cell。

然后您可以使用形式为

的条件运算符

条件？如果条件为true的结果：如果条件为false

#searchMap {
  height: 100%;
  width: 100%;
  left: 0;
  position: absolute;
  top: 0;    
  z-index: 2;
}