[英]How to change material-icon color to white of angular_components in an Angular Dart project?
[英]How to change material-icon on click event with angular2/4 material?
我在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>
我想这样做,而不是“关闭”材料图标,将其更改为“星”图标。 如何通过针对该特定选项卡的图标上的单击事件来实现此目的?
在组件中:
public icon = 'close';
public changeIcon(newIcon: string ){
this.icon = newIcon ;
}
在HTML中
<md-icon (click)="changeIcon('star')>{{icon}}</md-icon>
打字稿
let iconName = 'delete';
changeIcon(newIcon:string) :void {
this.iconName = newIcon;
}
HTML代码
<md-icon >{{ iconName }}</md-icon>
<button (click)="changeIcon('error')" >error</button>
<button (click)="changeIcon('warning')">warning</button>
<button (click)="changeIcon('folder')">folder</button>
单击此按钮时,图标将被更改。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.