Question

我在一些操作完成后会出现一个引导警报，但我希望它在两秒或更长时间后关闭，我怎么能达到这个效果？我正在使用Angular.js而我只找到解决方案在jQuery中。感谢。

Answer 1

Angular bootstrap为alert directive dismiss-on-timeout提供了一个选项。它接受超时（以毫秒为单位）。此属性要求存在close属性。

＆＃13;

angular.module('ui.bootstrap.demo', ['ngAnimate', 'ui.bootstrap']);
angular.module('ui.bootstrap.demo').controller('AlertDemoCtrl', function($scope) {
 $scope.show = true;
  $scope.closeAlert = function(index) {
    $scope.show = false;
  };
});

＆＃13;

<!doctype html>
<html ng-app="ui.bootstrap.demo">

<head>
  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.js"></script>
  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-animate.js"></script>
  <script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-1.3.3.js"></script>
  <link href="//netdna.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
</head>

<body>

  <div ng-controller="AlertDemoCtrl">
    <uib-alert type="danger" close="closeAlert()" ng-if="show" dismiss-on-timeout="4000">Oh snap! Change a few things up and try submitting again.</uib-alert>
  </div>
</body>

</html>

＆＃13;

如何使用angular.js在特定时间后关闭引导警报？

1 个答案: