javascript - AngularJS Alert サービス: 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>

それは完全にうまくフェードインしますが、1秒後にテーブルから単純に「ポップ」するのではなく、要素を取得してから element.fadeOut() (jquery) を使用したいと思います

実際のアラート要素を取得できません。

Answer 1

私は非常に似たようなことをしようとしていましたが、jQuery はまったく使用しませんでしたが、$timeout サービスを使用して思いついたのは次のとおりです。 http://plnkr.co/edit/Mi0xaPJa6pLWkBq60Ohn?p=preview

明らかに、アニメーション css には少し作業が必要ですが、私は主に angular ng-repeat docsからコピーしました。