添加具有TS属性Angular 7的CSS类名

Question

我觉得一件简单的事情有问题...

我只需要我的span标记就可以在我的.ts file的变量中有一个名为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>

我确定答案非常简单...有人知道如何制作吗？

Answer 1

您可以尝试这样的事情-

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

更多方式-

• Angular -NgClass

Answer 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>