2016-07-27 75 views
2

我想單擊一次後禁用按鈕。在一次點擊後禁用提交按鈕angularJS

代碼:

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

如何禁用這個後點擊?

謝謝!

+0

你是什麼意思*通過點擊*? –

+0

所有輸入,複選框和選擇需要添加 –

回答

5

簡單。你寫了一些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>

+1

這將禁用按鈕一次點擊,但它不允許表單提交一次點擊。 – Hema

1

在你保存數據()函數,在函數開頭添加以下行:

$scope.saving=true; 

然後,在你的NG-禁用狀況,增加附加條件:

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

禁用

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

在控制器,其中u提交表單後按鈕點擊只需添加

這將禁用點擊表單提交

0

後的按鈕,這是很簡單的。你只需要在你的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,我把你