2014-11-13 160 views
1

如何禁用angularJs中的提交按鈕以防止服務重複響應。在AngularJS中禁用提交按鈕

我是新來angularJs,也本應在IE 8

+0

什麼叫重複響應是什麼意思?你是否試圖阻止多個表單提交? –

+0

重複響應是如果我調用一個GET服務,點擊提交多次,我打電話GET服務多次,因此我得到重複的結果。所以,我想在一次點擊後禁用提交按鈕,直到它加載響應。 – anna

回答

4

以下辦法爲我工作的支持。

查看:

<button ng-disabled="isBusy" ng-click="buttonClick()">Load</button> 

控制器:

$scope.buttonClick = function() { 
    $scope.isBusy = true; 
    service.getData() 
    .success(function (data) { 
     // Use the data 
    }) 
    .error(function (data, status, headers, config) { 
     // Log the error 
    }) 
    .finally(function() { 
     $scope.isBusy = false; 
    }); 
} 
+0

+1偉大的方法 –

+0

謝謝@Sergey :) – anna

+0

這也可以不使用ng-click指令,但指定