javascript - 需要用 angularjs 再次停止点击

Question

当用户单击按钮时，它会显示微调器图标，直到完成任务。但用户仍然可以再次单击该按钮。我该如何停止它？

Spinner directive

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>

Controller :

function MyController($scope,$timeout) {


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

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


}