2017-09-28 2 views
1

Comment changer le bouton kendo icône sous condition ...Kendo ui angulaire 2

Dans angulaire 2, je dois changer l'icône du bouton kendo sur un clic par exemple d'abord il est d'avoir une icône dire contrôle après clic l'icône doit être modifiée pour être cochée

+0

J'ai essayé d'utiliser l'événement de angulaire 2 et fait la manipulation de dom est-ce exact ou est-il une meilleure façon de faites-le –

+0

Code? Nous ne pouvons rien faire à moins que nous le voyions –

Répondre

0

N'a pas testé.

public isClicked: boolean = false; 

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

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

Ou changer l 'icône impressionnante de la police:

@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; 
    } 
} 

Exemple: Plunker

+0

Cela a fonctionné parfaitement pour moi Merci –

+0

np, s'il vous plaît marquer la réponse aussi utile et l'accepter comme réponse :) –