AngularJS警报服务：淡出ng-repeat项目

Question

在AngularJS中，我创建了一项服务：

services.service('Alerts', function($rootScope, $timeout) {
    this.add = function(content) {
        $rootScope.alerts.push({
            content: content
        });

        $timeout(function () {
            $rootScope.alerts.pop();
            console.log($rootScope.alerts[0]);
        }, 1000);
    }
}).run(function($rootScope) {
    $rootScope.alerts = [];
});

并实现了我的HTML代码：

<div class="alerts">
    <div class="alert fade" ng-repeat="alert in alerts" bs-alert="alert"></div>
</div>

它很好地消失了，但是在一秒钟后我想要获取元素然后使用element.fadeOut（）（jquery）

而不是简单地从表中“弹出”它

我无法获得实际的警报元素。

Answer 1

我试图做一些非常相似的事情，这就是我用$ timeout服务提出的，尽管我根本没有使用jQuery。 http://plnkr.co/edit/Mi0xaPJa6pLWkBq60Ohn?p=preview

显然动画css需要一些工作，但我大多是从角ng-repeat docs复制它。