AngularJS / UI Bootstrap - Ausblendungsalarm beim Entfernen
Ich benutze Angular mitUI-Bootstrap. Ich habe die benutzerdefinierte Direktive erstellt, die Broadcast-Alert in das Array von Alerts überträgt, die an die Ansicht gebunden sind (gerendert als Bootstrap-Alerts). Nach dem bestimmten Timeout werden die Warnungen aus dem Array (und damit aus der Ansicht) entfernt. Hier ist der Code:
angular.module('myApp')
.directive('alerts', function ($timeout) {
return {
restrict: 'E',
templateUrl: 'views/alerts.html',
scope: true, /*share scope between alerts directives*/
link: function (scope) {
scope.alerts = [];
scope.$on('alert', function (event, alert) {
var newLength = scope.alerts.push({type: alert.type, msg: alert.message});
$timeout(function() {
scope.alerts.splice((newLength-1), 1);
}, 3000);
});
}
};
});
Ich frage mich, ob es möglich ist, den Warnungen ein Ausblenden (oder eine andere Animation) hinzuzufügen, bevor sie entfernt werden. Jede Hilfe und Tipps wäre dankbar!