需要停止使用angularjs再次單擊

Question

當用戶單擊該按鈕時，它會顯示微調器圖標，直到完成任務。但是仍然可以再次單擊該按鈕。如何停止該按鈕？

微調指令

HTML

   <span us-spinner="{left: '91.6%',top:'65.5%',length: 5,width: 2,radius:4}" spinner-key="spinner-1"></span>
   <button class="btn btn-green" ng-click="MyClick()" ng-disabled="frmMy.$invalid"><i class="fa fa-envelope-o"></i> Send</button>

Answer 1

加載時應將ng-disabled設置為true，一旦加載完成，請將其更改為false。

我這樣做是添加了一個jsfiddle ，而不是真正的加載，我使用了5秒的超時來進行假加載。

這是可以解決您問題的邏輯。

HTML：

<div class="well" ng-controller="MyController">
    <button class="btn btn-primary" ng-disabled="isLoading" 
     ng-click="myClick()">BUTTON</button> 
</div>

控制器：

function MyController($scope,$timeout) {


    $scope.myClick = function() {
        $scope.isLoading = true;

        /// Faking Loading logic
        $timeout(function(){
            $scope.isLoading = false},5000)
    };


}