javascript - 使用 TS 属性在 Angular 7 中添加 CSS 类名

我想我在一个简单的事情上遇到了问题...

我只需要我的 span 标签在我的 .ts 文件 中有一个名为 store 的类变量：

<span [ngClass]="{'flag-icon': true, 'my_property_in_TS': true}"></span>

我尝试了一些类似这样的东西：

<span [ngClass]="{'flag-icon': true, ${lang.codeIcon}: true}"></span>

<span [ngClass]="{'flag-icon': true, lang.codeIcon: true}"></span>

我确定答案非常简单……有人知道如何做吗？

答案＃1

你可以尝试这样的东西 -

<span [ngClass]="['flag-icon', lang.codeIcon]"></span>

了解更多方式 -

• Angular -NgClass

答案＃2

要使用存储在 lang.codeIcon 中的 css 类，可以这样做：

<span [ngClass]="lang.codeIcon"></span>

对于许多类，使用数组：

<span [ngClass]="[lang.codeIcon, 'flag-icon']"></span>

对于条件语句，使用大括号：

<span [ngClass]="{'flag-icon': booleanVar, lang.codeIcon: !booleanVar}"></span>