ngtable的清除排序按鈕正在調用表單提交

Question

我在表單內使用ng-table。

<form role="form" name="frmCommand" class="formValidCommand" novalidate="novalidate" ng-submit="frmCommand.$valid && vm.saveCommandChanges()"> 

我在桌子上有一個清晰的排序按鈕。

   <button ng-click="storeCommandsTableParams.sorting({})" class="btn btn-default pull-right">Clear sorting</button> 

單擊此按鈕正在調用vm.saveCommandChanges（）而不是清除排序。

有什麼建議嗎？

Answer 1

默認type attribute value for button tag is submit，所以當你點擊它時，它會觸發它的父表單的提交事件，該事件被ng-submit指令捕獲。所以請嘗試將其更改爲button類型，以免發生提交事件。

即。

<button 
    type="button" 
    ng-click="storeCommandsTableParams.sorting({})" 
    class="btn btn-default pull-right">Clear sorting</button>