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.

Тогда вы можете использоватьусловный оператор, который имеет вид

условие?результат, если условие истинно: если условие ложно

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