问题描述
我正在使用 angular指令。能否告诉我如何在表单提交后显示save按钮？
此时，当我们单击save它将进入`` Edit '模式，这是默认行为，因此我需要覆盖它，即需要停止它并显示save按钮。
<form editable-form name="tableform" onaftersave="saveTable()">
//Ui code here
<button type="submit" ng-disabled="tableform.$waiting" class="btn btn-primary">save</button>
</form>
更新
实际上我的用例是我需要显示spinner框，直到完成表单的提交，然后关闭整个表单（这是我应用程序中的模式弹出窗口），这就是为什么我需要留在该页面上的原因。 m将在“ Save按钮的顶部显示spinner 。
1楼
在您的代码中， 提交处于表单级别而不是行级别。
因此，您已通过验证（在您的情况下为checkName（）函数） （可以通过注释进行尝试），然后只有它才能调用saveTable（）函数。
或者，您可以将saveTable（）放在行级别。
2楼
您的保存按钮位于仅在编辑模式下显示的条件标签内。
您可以将其附加到.btn-edit如下所示：
<div class="btn-edit">
<button type="button" class="btn btn-default" ng-show="!tableform.$visible" ng-click="tableform.$show()">edit</button>
<button type="submit" ng-show="!tableform.$visible" ng-disabled="tableform.$invalid" class="btn btn-primary">save overall</button>
</div>
看一下使用您可以检查整个表单是否有效