单击按钮

Question

我也是angularjs和UI dev的新手，我试图实现一个禁用按钮的功能，点击它并在页面上显示一条消息，例如“正在进行中”，3秒后按钮应该启用不同的消息，例如“已完成”。

按钮在点击时被禁用，但未显示通知“正在进行”点击，而是在3秒后显示通知“完成”。

我在此论坛之前看到过这种类似的问题已经解决了，但我的代码中找不到丢失的逻辑............请帮助

我的HTML：

分析

进行中

完整

控制器：

  $scope.isDisabled=false;
  $scope.showNotification=false;
  $scope.isEnabled=true;
  $scope.completeNotification=false; 

  $scope.showNext=function(){

       $scope.isDisabled=true;
       $scope.showNotification=true;
       $scope.buttonWait();



$scope.buttonWait = function() {
    $timeout($scope.isEnabled = true, $scope.showNotification = false, $scope.completeNotification = true, 3000);
}

Answer 1

$timeout(function() {
  $scope.isEnabled = true;
  // ...
}, 3000);

Answer 2

如Mikko所述，你的语法似乎是错误的。它应该像

$scope.buttonWait = function() {
 $timeout(function() { 
   $scope.isEnabled = true, 
   $scope.showNotification = false, 
   $scope.completeNotification = true
  }), 3000);
};

示例plnkr链接here