javascript - AngularJS 警报服务 : fading out ng-repeat item

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 需要一些工作，但我主要是从 Angular ng-repeat docs 复制它.