Angulaire 2 changer le style d'un bouton onClick

J'ai beaucoup de mal à essayer de mettre à jour le style d'un bouton sur cliquez sur.

Tout d'abord, voici le balisage original:

<button class="btn btn-add" (click)="handleButtonClick(id)">
  Add<i class="fa fa-plus-circle"></i>
</button>

En cliquant sur le bouton, je suis en train d':

  1. Changer la classe de "btn btn-add" à "btn btn-remove"
  2. Changer le <i class="fa fa-plus-circle"> à <i class="fa fa-minus-circle">

Comment puis-je faire cela l'angle de 2 voies? Droit maintenant, j'ai juste ajouté un booléen et périlleux, et de montrer les différents modèles basés sur la valeur. Cependant, il semble qu'il devrait être un moyen de gérer ce à travers une fonction de droite? Dans la documentation il est dit que vous pouvez utiliser des chaînes séparées par un espace pour plusieurs classes, mais je ne suis pas sûr de la façon de le faire.

Avez-vous au moins essayé quelque chose? Ou a pris un coup d'oeil à la documentation?
ouais j'ai regardé la documentation de angulaire.io/docs/ts/latest/api/common/index/.... Il dit que u peut utiliser plusieurs classes délimité par l'espace, mais je ne pouvais pas obtenir que cela fonctionne 🙁

OriginalL'auteur user1354934 | 2016-09-11