我正在使用AngularJS和Bootstrap 3.我的网络应用程序有一个"更新"按钮,用于保存用户所做的任何更改.当用户点击"更新"按钮时,我想激活并淡入引导程序的警告框,说"已保存信息",然后在3秒后淡出.我不知道如何创建这个功能,可能需要一些帮助..
更新:
我决定使用这种方法:
HTML
<button type="button" class="btn btn-info" ng-click="save()">Update</button>
<div id = "alert_placeholder"></div>
Run Code Online (Sandbox Code Playgroud)
JavaScript的
$scope.save = function() {
$('#alert_placeholder').html('<div class="alert alert-warning alert-dismissable"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button><span>Your information has been updated.</span></div>')
setTimeout(function() {
$("div.alert").remove();
}, 3000);
}
Run Code Online (Sandbox Code Playgroud)
我希望在第一次出现时使警报框淡入淡出,并在3秒后将其删除,但是我不知道如何使其与我的代码一起使用.