表格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 type="submit">用a 关闭标签,</input>但没有解决它.

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:HTML5默认<button>为<button type="submit">您需要手动更改.