在Angular中的ngClass中绑定自定义类

Posted 2023-02-23

技术标签:

【中文标题】在Angular中的ngClass中绑定自定义类【英文标题】：Binding custom class inside ngClass in Angular 【发布时间】：2019-12-27 19:27:57 【问题描述】：

我正在尝试在 Angular ngClass 中绑定一个类名，以便用户能够为元素设置他喜欢的任何类名。

我的 js 文件中有以下内容，如果设置了 this.customClass，我希望将此类名称分配给 div 元素。

this.customClass= "list-custom-class";

HTML

<div class="row" [ngClass]="'customClass'"></div>

【问题讨论】：

【参考方案1】：

绑定类

<div class="row" [ngClass]="customClass"></div>

请检查以下内容

https://angular.io/api/common/NgClass

【讨论】：

【参考方案2】：

您不能在 ngClass 中使用字符串插值。请在下面使用它可能会有所帮助。

[ngClass]="[customClass]"

【讨论】：

以上是关于在Angular中的ngClass中绑定自定义类的主要内容，如果未能解决你的问题，请参考以下文章