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

Question

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

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

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

HTML

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

Answer 1

绑定类

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

请检查以下

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

Answer 2

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

[ngClass]="[customClass]"

Answer 3

<div class="row {{customClass}}"></div>

无需使用ngClass 。