具有变量Angular 2的Concat类名

Question

我想要像class = "myClass {{classVar}}"这样的东西

我试图在范围内使用变量值来连接类名但不起作用。

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

Answer 1

添加一个+和一个空格：

<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 }}"