清除 ngtable 的排序按钮正在调用表单提交

Question

我在表单中使用 ng-table。

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

我在 table 上有一个清晰的排序按钮。

                <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>

clear sorting button of ngtable is calling form submit