Impedire che ng-submit venga richiamato per un modulo non valido

Question

Se ho dichiarato un modulo con una funzione legata alla direttiva ng-submit, come posso evitare che tale funzione venga eseguita quando si fa clic sul pulsante di invio ma il modulo non è valido?

Ho trovato due soluzioni a questo che ha grandi svantaggi e quindi non voglio usarli:

1. Passo il modulo per il controller:

   //HTML 
   <form ng-submit="myFunc($form, model)"> 
   
   //JavaScript 
   $scope.myFunc = function($form, model) { 
       if ($form.$valid) { 
        //do stuff 
       } 
   } 
   

   questo è male poiché lega la funzione a essere chiamata da una forma.

2. Rende disattivato il pulsante di invio quando il modulo non è valido.

   <input type="submit" ng-disabled="!form.$valid"/> 
   

   Questo è male perché gli elementi disabilitati sono difficili da utilizzare. I tooltip non mostrano quando il pulsante è al passaggio del mouse o cliccato, quindi è difficile dare un feedback a un utente che sta tentando di fare clic sul pulsante disabilitato.

C'è un'altra soluzione a questo problema?

Answer 1

E 'possibile fare questo:

<form name="myForm" ng-submit="myForm.$valid && myFunc()"> 

Ma non c'è molto male nel controllo della validità entro ngSubmit sé.

Answer 2

ng-disabled="regForm.$invalid || regForm.$pending" 

speranza che questo sarà utile per voi