empêcher plusieurs soumissions de formulaire à l'aide de angular.js - désactiver le bouton de formulaire

Je veux éviter que plusieurs soumissions de formulaire à l'aide de angular.js. La question est liée à ce question.

Lorsque l'utilisateur clique sur un formulaire bouton envoyer la valeur de l'étiquette du bouton de soumission doit changer "chargement..", le statut du bouton sera désactivé ET l'événement de soumission doit être déclenchée de façon normale, conduisant à soumettre un appel vers le serveur. De cette manière l'utilisateur de voir l'effet suivant:

  1. Immédiatement: Le bouton soumettre les changements de la valeur de "chargement ..." et obtient désactivée
  2. Dès que le serveur répond: l'utilisateur obtient a présenté le résultat de la demande de serveur (alors que le serveur répond soient traitées sans angulaire de l'intervention)

J'ai créé ce plunk pour montrer ce que je veux dire. Ma question se rapporte à cette ligne: elm.attr('disabled',true); . Ce n'est pas seulement de désactiver le bouton, mais également pour éviter de propager l'événement submit. Ainsi, je reçois un bouton désactivé (résultat souhaité), mais le formulaire ne permet pas d'obtenir des soumis (indésirable).

Vous pouvez voir le changement de comportement si vous commenter /décommenter cette ligne : elm.attr('disabled',true);

Aucune idée comment faire pour changer cela?

OriginalL'auteur Thomas Kremmel | 2013-04-04