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