Отключить кнопку отправки после одного щелчка в 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

В функции SaveData(), добавьте ниже строк в начале функции:

$scope.saving=true; 

затем, в ваших нг отключенного состояния, добавить дополнительное условие:

saving||!frmRequest.$valid||!r.DataUseAgreement||(!chkBMT&&!chkOncore&&!chkCAISIS&&!chkLIMS&&!chkFCR) 

Answer 3

Отключение Кнопка после одного клика

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

В контроллере, где и отправить форму просто добавить

Это отключает кнопку после один клик формы представления

Answer 4

Это довольно прямо вперед. Вам просто нужно добавить еще одно логическое условие в инструкцию ng-disable.

<button class="btn btn-info" ng-click="ctrl.isSubmit()" ng-disabled="ctrl.submitClicked">Submit</button> 

А в вашем контроллере

var vm=this; 
vm.submitClicked=false; 

vm.isSubmit= function(){ 
vm.submitClicked= true; 
} 

Вот Plunker, что я сделал для вас