javascript - Angular，禁用按钮，然后使用 JavaScript 中的 setTimeout 激活它？

Question

我想禁用我的按钮，但几秒钟后激活它。代码确实运行，但即使在我的代码执行后，按钮仍然处于禁用状态。

app.controller('spamController', ['$scope', function($scope) {


$scope.stopSpam = false;
  
function activateBtn(){
  $scope.stopSpam = false;
};


$scope.test = function(){
  
  $scope.stopSpam = true;
  activateBtn();

};

}]);

<button ng-disabled="stopSpam" class="btn btn-default" ng-click="test()">Test</button>

Answer 1

使用$timeout并在几秒钟后调用activateBtn:

app.controller('spamController', ['$scope', '$timeout', function($scope, $timeout) {
    $scope.stopSpam = false;

    function activateBtn(){
        $scope.stopSpam = false;
    };


    $scope.test = function(){
        $scope.stopSpam = true;
        $timeout(activateBtn, 3000);
    };
}]);