Dev Faq
9
votes

Désactiver un bouton une fois cliqué sur Angular2

J'ai un problème stupide, mais je ne savais pas comment le surmonter depuis que j'utilise angular2 ( TypeScript ) net pas JavaScript Les outils. J'ai ce code HTML xxx

simplement, je veux changer l'état du bouton sur désactivé une fois cliqué, j'ai trouvé des moyens JavaScript mais aucun d'entre eux n'a travaillé pour moi, aucun Aide s'il vous plaît?

0 commentaires

4 Réponses :

2
votes

J'utilise angular2-rc2. Voici comment j'utilise * NGIF, peut-être cela aide-t-il. Remarque: dans cet exemple, une fois que vous appuyez sur le bouton, il sera désactivé, vous ne pouvez donc pas cliquer dessus pour appeler l'impulsion de fonction () plus.

text-zone.TS xxx

1 commentaires

Parfait, merci :)

4
votes

Vous pouvez utiliser la directive NgClass pour traiter les classes: xxx

0 commentaires
14
votes

Vous pouvez utiliser l'approche suivante sans toucher votre composant, 

<a class="md-btn md-btn-success"
   [class.disabled]="isClickedOnce"
   (click)="isClickedOnce = true">Start</a>

0 commentaires
14
votes

Une autre solution avec le côté du code: xxx

1 commentaires

Ceci est la solution correcte si vous souhaitez désactiver / activer le bouton en fonction de toute autre opération effectuée.

Articles qui pourrait vous intéresser :

Erreur de compilation angulaire: NG6001: la classe est répertoriée dans les déclarations du NgModule 'AppModule', mais n'est pas une directive, un composant ou un tube
Changer le format numérique du champ d'entrée dans le mode d'édition de ligne de table d'Antd?
La description n'est pas une exception définie sur Typescript, Mocha et VSCode
Impossible de trouver le module défini dans tsconfig `chemins`