剑道UI角2

Question

如何更改有条件剑道按钮图标...

在角2，我不得不改变剑道按钮的图标上点击示例首先是具有点击后的图标说检查图标必须更改为检查

Answer 1

没有测试它。

public isClicked: boolean = false; 

onClick(): { 
    this.isClicked = true; 
} 

<button kendoButton type="submit" [primary]="true" (click)="onClick()">{{isClicked ? 'Checked' : 'Check'}}</button> 

或更改字体真棒图标：

@Component({ 
    selector: 'my-app', 
    template: ` 

     // FontAwsome icon 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> 
     <button kendoButton (click)="onClick()" [iconClass]="isSett?'fa fa-key fa-fw': 'fa fa-bus fa-fw'">Button</button> 
    ` 
}) 
class AppComponent { 
public isSett: boolean = true; 

    onClick(){ 
     this.isSett = false; 
    } 
} 

例子：Plunker