angularjs - 表单 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">带有 </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>

您可以查看详情: How to prevent buttons from submitting forms

TL; DR 帖子:HTML5 默认值 <button>如 <button type="submit">所以你需要手动更改它。