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

Question

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

Ps .:此代码是使用离子框架开发的app 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

因为按钮自动调用ng-submit.

我相信这更多是关于按钮的type属性,而不是按钮标签本身.

我猜默认是提交,你的浏览器正在触发提交,因为你省略了(必需？)类型属性.一个人应该尝试<button type="button"></button>一个<button type="submit"></button>.

这些都是假设,但每当我想知道Angular如何处理HTML时,我总是选择语义而且它只是有效.这种情况不应该是例外.

Answer 2

使用 :

<input type="button" name="fota"  ng-click="getPhoto()">

因为<button>自动调用ng-submit.