如何使用angular2/4材质更改点击事件的材质图标？

Question

我在md-tab-group中有以下图标:

<md-tab-group>
  <md-tab *ngFor="let tab of arrayOfTabs">
    <ng-template md-tab-label>
        <md-icon (click)="changetab()">close</md-icon>
    </ng-template>
    My Tab Content
</md-tab>
</md-tab-group>

我想这样做,而不是"关闭"材料图标,将其更改为"星形"图标.如何通过针对该特定选项卡的图标上的单击事件来实现此目的？

Answer 1

在组件中:

public icon = 'close'; 

public changeIcon(newIcon: string ){
    this.icon = newIcon ; 
}

在HTML中

<md-icon (click)="changeIcon('star')>{{icon}}</md-icon>