Javascript 如何在数据绑定前后触发自定义动画并等待其完成

我正在呈现每5项包含换行div的标记

   <div class="snap" ng-repeat="itemsChunk in items">
        <a class="timeline-item" href="#" ng-repeat="item in casestudyChunk">
             <img class="img-responsive" src="{{item.ImageUrl}}" />
        </a>
   </div>

其中item是一个拆分为块的数组

由于标记在数据源更改后需要完全重新渲染，因此我不能使用普通的动画挂钩。相反，我希望在更改之前淡出所有项，并淡入新呈现的标记

我怎样才能做到这一点与角度

更新

我的一个选择是对元素应用淡出类，监听完整事件，然后绑定。但这感觉不像是正确的角度方式。有更好的办法吗

此外，我是懒惰加载图像，所以需要运行一个函数来触发绑定后这一点。我已经看到这是一个超时完成的，如果有更好的方法我感兴趣的话。您可以尝试使用并添加到您的

<div class="snap" ng-repeat="itemsChunk in items">

fadeIn css类

  <div class="snap animated fadeIn" ng-repeat="itemsChunk in items">

---

我已经更新了我的问题。当然，这是一个很好的淡入项目的解决方案。我也可以以类似的方式淡出这些项目，但我想知道是否有一种更“有棱角”的方式