如何使用Angular jsDiv只显示3秒?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (64)

我已经做好了隐藏和展示。我只想知道如何隐藏或显示div 3秒。在这里,我附加了我使用的代码。

HTML代码:

<div ng-hide="loginAlertMessage">Dynamic user feedback message comes here.</div>    
<a ng-click="forgotPassword()">Forgot Password?</a>

角JS码:

$scope.loginAlertMessage = true;

    $scope.forgotPassword = function () {
         $scope.loginAlertMessage=false;    
    };
提问于
用户回答回答于

在控制器中$timeout服务(源自setTimeout(function() {"action",time(in ms) }),如果希望显示,则使div变为真,如果希望隐藏,则使用此服务停止。

用户回答回答于

注入$timeout服务在控制器中,并使用它取消设置。loginAlertMessage

app.controller('MyController', ['$scope', '$timeout', function($scope, $timeout) {
   $scope.loginAlertMessage = true;

   $scope.forgotPassword = function() {
      $scope.loginAlertMessage = false;
      $timeout(function() {
         $scope.loginAlertMessage = true;
      }, 3000);
   };

   // ...
}]);

扫码关注云+社区

领取腾讯云代金券