未定义的ngClass

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

如果是这种情况，请定义类名称并将其设置为空类，以便您可以为其分配该空类并避免出现未定义的错误