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);
    };
}]);