AngularJS警報服務：淡出NG-重複項

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

我試圖做一些非常相似的事情，這裏是我使用$超時服務，儘管我根本沒有使用jQuery。 http://plnkr.co/edit/Mi0xaPJa6pLWkBq60Ohn?p=preview

很明顯，動畫CSS需要一點工作，但我主要是從角ng-repeat docs複製它。