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

Posted

技术标签:

【中文标题】在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中绑定自定义类的主要内容,如果未能解决你的问题,请参考以下文章