表单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>

你可以看到细节:如何防止按钮提交表单

TL;DR for the post: HTML5默认<button>为<button type="submit">，所以你需要手动更改这个