Concat 类名与变量 Angular 2

Question

我想要 class = "myClass {{classVar}}"

我正在尝试将 class 名称与范围内的变量值连接起来，但无法正常工作。

<div *ngFor="let classVar of classList" >
  <span [ngClass]="'myClass' classVar "></span>                
</div>

Answer 1

添加一个+和一个space:

<div *ngFor="let classVar of classList" >
  <span [ngClass]="'myClass ' + classVar"></span>                
</div>

Answer 2

你可以这样使用它：

[ngClass]="'myClass' + classVar "

或

ngClass="myClass {{ classVar }}"

或

[class]="'myClass' + classVar "

或

class="myClass {{ classVar }}"

Concat classname with variable Angular 2