Angular2가 구성 요소로 클래스를 전송합니다.

Question

html 선택 도구의 구성 요소에 클래스를 추가하는 올바른 방법은 무엇입니까? 여러 app-tile 요소가 있고 각각 다른 클래스를 추가하고 싶습니다. 나는 단순히 'tile-one'클래스를 app-tile selector에 추가하려고 시도했지만 tile.component.scss dosent는 그것을 보았다. 어떻게 작동 시키는가?

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>