Ich verwende AngularJS und Bootstrap 3. Meine Web-App verfügt über eine Schaltfläche "Aktualisieren", über die alle vom Benutzer vorgenommenen Änderungen gespeichert werden. Wenn der Benutzer auf die Schaltfläche "Aktualisieren" klickt, möchte ich das Warnfeld "Informationen wurden gespeichert" des Bootstraps aktivieren und einblenden und nach 3 Sekunden ausblenden. Ich weiß nicht, wie ich diese Funktion erstellen soll, und benötige möglicherweise Hilfe.

AKTUALISIEREN:

Ich habe mich für diesen Ansatz entschieden:

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">&times;</button><span>Your information has been updated.</span></div>')
    setTimeout(function() {
        $("div.alert").remove();
    }, 3000);
}

Ich möchte, dass das Warnungsfeld beim ersten Auftauchen eingeblendet und ausgeblendet wird, wenn es nach 3 Sekunden entfernt wird. Ich bin mir jedoch nicht sicher, wie ich es mit meinem Code zum Laufen bringen soll.