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

Posted 2023-03-06

技术标签:

【中文标题】添加具有 TS 属性 Angular 7 的 css 类名【英文标题】：Add css class name with a TS property Angular 7 【发布时间】：2019-07-07 01:12:36 【问题描述】：

我猜我遇到了一个简单的问题......

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

我尝试了一些这样的事情：

我相信答案很简单......有人知道怎么做吗？

【问题讨论】：

【参考方案1】：

你可以试试这样的 -

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

更多方式-

Angular -NgClass

【讨论】：

天哪，我知道这很简单......谢谢@Pardeep！【参考方案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>

【讨论】：

以上是关于添加具有 TS 属性 Angular 7 的 css 类名的主要内容，如果未能解决你的问题，请参考以下文章