gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 06:49:30 25 4
gpt4 key购买 nike

我有一个引导警报,在某些操作完成后出现,但我希望它在两秒或更多秒后关闭,我怎样才能达到这个效果?我正在使用 Angular.js,我只找到了解决方案在 jQuery 中。谢谢。

最佳答案

Angular bootstrap提供 alert directive 的选项超时关闭。它接受以毫秒为单位的超时。此属性需要存在 close 属性。

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

关于javascript - 如何使用 angular.js 在特定时间后关闭引导警报?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37574882/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com