剣道角度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