javascript - 在表单中使用多个按钮时如何防止触发提交/ng-提交事件

Question

点击执行函数getPhoto()的拍照按钮，表单自动执行funcSubmit()ng-submit函数。 需要改变什么来防止这种情况发生？它只执行函数 getPhoto() 而不运行 ng-submit 表单。

Ps .: 此代码是使用ionic框架开发的android mobile应用程序的一部分

<ion-view title="OS">
    <form ng-submit = "funcSubmit()">
        <ion-content class="has-header"> 
            <ion-list >
                <ion-item >
                    <button name="fota" class="button button-block button-positive" ng-click="getPhoto()">
                        <i class="icon ion-ios7-camera"> Photo</i>                      
                    </button>
                </ion-item >
            </ion-list >
        </ion-content>
        <div class="bar bar-footer bar-stable">
            <button name="canc" class="button button-light" ui-sref="app.padronis">Cancel</button>
            <button name="subm" class="button button-light" type="submit">Save</button>     
        </div>
    </form>      
</ion-view>

谢谢大家...

Answer 1

Because button automatically call ng-submit.

我相信这更多是关于按钮的 type 属性，而不是按钮 tag 本身。

我想默认是 submit 并且您的浏览器正在触发提交，因为您省略了(必需的？)type 属性。 应该试试 <button type="button"></button>连同 <button type="submit"></button> .

这些都是假设，但每次我想知道 Angular 如何处理 HTML 时，我总是选择语义，它确实有效。这种情况不应异常(exception)。