在angularJS中单击一次后禁用提交按钮

Question

我想在点击一下后禁用按钮.

码:

<button id="submitRequest" class="btn btn-primary btn-active"
        ng-disabled="!frmRequest.$valid||!r.DataUseAgreement||(!chkBMT&&!chkOncore&&!chkCAISIS&&!chkLIMS&&!chkFCR)"
        ng-click="SaveData()">
  <i class="fa fa-save"></i> Submit
</button>

如何在一次点击后禁用此功能？

谢谢!

Answer 1

简单.你写了一些javascript的元素,比如onclick="this.disabled=true".

<button id="submitRequest" onclick="this.disabled=true" class="btn btn-primary btn-active" ng-disabled="!frmRequest.$valid||!r.DataUseAgreement||(!chkBMT&&!chkOncore&&!chkCAISIS&&!chkLIMS&&!chkFCR)" ng-click="SaveData()"><i class="fa fa-save"></i> Submit</button>

Answer 2

单击后禁用按钮

<input type="submit" name="Submit" class="btn btn-primary"
value="Submit" ng-disabled="button.disabled"/>

在控制器中，您提交表单的地方只需添加

scope.button={};
scope.button.disabled=true;

这将在单击表单提交后禁用该按钮