Bootstrap 3 - Как добавить и отключить окно оповещения через 3 секунды
Я использую AngularJS и Bootstrap 3. В моем веб-приложении есть кнопка «Обновить», где он сохраняет любые изменения, сделанные пользователем. Когда пользователь нажимает кнопку «Обновить», я хочу активировать и добавить окно предупреждения загрузчика с надписью «Информация была сохранена», а затем исчезнуть через 3 секунды. Я не знаю, как создать эту функцию, и, возможно, потребуется некоторая помощь ..
ОБНОВИТЬ:
Я решил использовать этот подход:
HTML
<button type="button" class="btn btn-info" ng-click="save()">Update</button>
<div id = "alert_placeholder"></div>
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);
}
Я хотел бы, чтобы окно оповещения появлялось и исчезало, когда оно удалялось через 3 секунды, но я не уверен, как заставить его работать с имеющимся у меня кодом.