在 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 。