Angular2からクラスへコンポーネントを送信

Question

htmlセレクタのコンポーネントにクラスを追加する正しい方法は何ですか？私は複数のapp-tile要素を持っており、それぞれに別のクラスを追加したいと思っています。私は単純にクラス 'タイル1'をアプリケーションタイルセレクタに追加しようとしましたが、tile.component.scssがそれを見ています。どのように動作させる？

tile.component.html：

<app-tile 
    class="tile-one" 
    [title]="'title one'" 
></app-tile> 
<app-tile 
    class="tile-two" 
    [title]="'Title two'" 
></app-tile> 

Answer 1

が[ngClass]ディレクティブを使用してください。

<div *ngFor="let item of collection"> 
    <label>Name: {{item.name}}</label> 
    <button class="btn" 
      [ngClass]="{'item-updated' : item.isDirty}" 
      [attr.title]="item.isDirty ? 'Item was updated' : null"> 
     Save 
    </button> 
</div>