Angular2将类传输到组件

时间:2017-09-18 12:13:13

标签: angular angular2-directives

在html选择器中向组件添加类的正确方法是什么?我有多个app-tile元素,我想在其中添加另一个类。我试过简单地添加课程' tile-one' app-tile选择器,但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>

1 个答案:

答案 0 :(得分:0)

使用[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>