Binding custom class inside ngClass in Angular

Question

I am trying to bind a class name inside Angular ngClass so that the user will be able to set any class name he likes to the element.

I have the following in my js file and would like to assign this class name to the div element if this.customClass is set.

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

HTML

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

Answer 1

To bind class

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

please check the below

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

Answer 2

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

[ngClass]="[customClass]"

Answer 3

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

No need of using ngClass .