表單ng-click觸發ng-submit

Question

我有一個表單，其ng-submit將移至下一個問題。

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

但是，每當我點擊後退按鈕，執行之後，然後觸發BC.next()我很困惑，沒有人知道爲什麼會這樣？我甚至試圖用</input>關閉<input type="submit">標籤，但那並沒有解決它。

Answer 1

確保表單中沒有提交的所有其他按鈕將來自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> 

你可以看到細節：How to prevent buttons from submitting forms

TL; DR的職位：HTML5默認<button>作爲<button type="submit">所以你需要手動更改此。