ngClass of undefined

Question

У меня есть следующее

<h6 *ngSwitchCase="'text'" class="custom-popup-content-text">{{content.value}}</h6>

В моем коде я иногда передаю также content.className и хочу добавить этот класс, если определено className

Я пытался

<h6 *ngSwitchCase="'text'" [ngClass]="['custom-popup-content-text', content.className]">{{content.value}}</h6>

but this one doesn't work if classname is undefined

Я также пытался

<h6 *ngSwitchCase="'text'" [ngClass]="{'custom-popup-content-text' : true, content.className : content.className ? 'content.className' : ''}">{{content.value}}</h6>

, но получил: Отсутствует ожидание: в столбце 45 в

[{'custom-popup-content-text' : true, content.className : content.className ? content.className : ''}]

В чем я могу ошибаться

Answer 1

попробуйте следующее:

<h6 *ngSwitchCase="'text'" [ngClass]="['custom-popup-content-text', ((content.className) ? content.className : '')]">{{content.value}}</h6>

Answer 2

если это так, задайте имя класса и сделайте его пустым классом, чтобы вы могли присвоить ему этот пустой класс и избежать неопределенной ошибки