変数Angular 2のクラス名を連結

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