2015-09-25 13 views
5

Ho un modulo il cui ng-submit deve passare alla domanda successiva.Il modulo ng-clic sta attivando ng-submit

 <form ng-submit="BC.next()" novalidate> 
      <input type="submit" value="Next Question"/> 
      <button id="previous" ng-click="BC.previous()">Previous Question</button> 

Tuttavia, ogni volta che si fa clic sul pulsante precedente, dopo l'esecuzione, poi innesca la BC.next() sono così confuso, qualcuno sa perché questo sta accadendo? Ho anche provato a chiudere il tag <input type="submit"> con un </input> ma non è stato risolto.

+0

Previene l'azione predefinita del modulo quando si fa clic sul pulsante –

risposta

10

Assicurarsi che tutti gli altri pulsanti nel modulo che non lo inoltrino saranno da type="button".

<form ng-submit="BC.next()" novalidate> 
      <input type="submit" value="Next Question"/> 
      <button type="button" id="previous" ng-click="BC.previous()">Previous Question</button> 

È possibile visionare i dettagli: How to prevent buttons from submitting forms

TL; DR per il posto: defaults HTML5 <button> come <button type="submit"> quindi è necessario cambiare manualmente.

+0

Wow così interessante !! Come lo sai? Questo è stancato da qualche parte? O è previsto il comportamento di javascript? – Noitidart

+0

Ah grazie per la tua modifica! Quindi questo è il comportamento di javascript eh? Stack non mi consente di accettare la sospensione per 8more minuti scusa che per favore. – Noitidart

+1

Questo è uno dei primi problemi quando si inizia a lavorare con Angular e Javascript, quindi si sta familiarizzando rapidamente con questo. – Shikloshi

Problemi correlati