Возможно, Вы имели в виду аналог .fadeOut
:
html:
<div ng-app="myapp">
<div ng-controller="FooController">
<div ng-repeat="error in messages" hide="1">
{{error}}
</div>
</div>
</div>
css:
.hidden {
visibility: hidden;
opacity: 0;
transition: visibility 0s 2s, opacity 2s linear;
}
js:
angular.module('myapp', [])
.controller('FooController', FooController)
.directive('hide', hide);
FooController.$inject = ['$scope'];
function FooController($scope) {
var arr = ['foo', 'bar']; // Получили некие данные/сообщения
$scope.messages = arr;
}
hide.$inject = ['$timeout'];
function hide($timeout){
return {
restrict: 'A',
scope: {
delay: '=hide'
},
link: function ($scope, $elem) {
$timeout(function(){
$elem.addClass('hidden');
}, $scope.delay * 1000);
}
}
}
Смотрите результат
response