如何在特定時間后使用angular.js關閉引導警報？
[英]How can I close a bootstrap alert after a specific time using angular.js?
問題描述
我有一個引導警報，該警報在某些操作完成后出現，但是我希望它在兩秒或更長時間后關閉，我如何才能達到這種效果？我使用的是Angular.js，而我僅在jQuery中找到了解決方案。 謝謝。
1 個解決方案
解決方案1
1 已采納 2016-06-01 17:18:35
Angular Bootstrap提供了一個警報指令 dismiss-on-timeout 。 它接受超時（以毫秒為單位）。 此屬性要求存在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>
如何在元素之后的angular.js中的指令中添加模板片段
[英]How can I add template piece to directive in angular.js after element
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.