Javascript AngularJS消除类延迟

在从模式中单击save之后，我想在延迟几秒钟后隐藏一条消息。我需要一个延迟方法在几秒钟后删除类“in”

Plunker：

HTML: 要隐藏消息，请删除类“in”

我需要一个延迟方法在几秒钟后删除类“in”

编辑 使用建议的$timeout，我将其添加到我的HTML消息中：

ng-class="{'in':messageSuccessText}"

你应该退房

我对您的代码进行了如下修改：

App.controller('myCtrl', function ($scope, $http, $log, $modal, $timeout) {     
    modalInstance.result.then(function (result) {
      $scope.selected = result.item;
      $scope.messageSuccessText = result.message;

      $timeout(function(e){
        $scope.messageSuccessText = null;
      }, 2000)
    }, function () {
      $log.info('Modal dismissed at: ' + new Date());
});

我没有删除“in”类，而是简单地将消息文本设置回null，以利用您的

ng show

。我将

$timeout

服务包括在要注入的依赖项列表中，并使用timeout服务添加了一个延迟为2000ms的简单回调

ng-class="{'in':messageSuccessText}"

App.controller('myCtrl', function ($scope, $http, $log, $modal, $timeout) {     
    modalInstance.result.then(function (result) {
      $scope.selected = result.item;
      $scope.messageSuccessText = result.message;

      $timeout(function(e){
        $scope.messageSuccessText = null;
      }, 2000)
    }, function () {
      $log.info('Modal dismissed at: ' + new Date());
});