angularJS一个接一个的动画

我使用angularJS（无jQuery）制作分页动画效果，即当用户询问下一页的记录时，表中的当前表行滑出到右侧，包含所问记录的表行滑入右侧

  <tbody>
    <tr ng-repeat="userInfo in data.entries" class="row-animate">
        <th ng-bind="userInfo.email"></th>
        <th ng-bind="userInfo.role"></th>
        <th ng-bind="userInfo.createdAt"></th>
    </tr>
</tbody>

---

问题是，当用户单击下一页时，旧记录的滑出动画和新记录的滑入动画同时发生，这使得视图有点混乱。。。有没有办法让旧记录先滑出，在旧记录完全消失后，再滑入新记录？

它们在动画中是重叠的，还是一个在另一个下面？以任何方式使用

position:absolute

使它们重叠？嗯，重叠对我来说不是问题，我想要的是第一个动画完成，然后第二个动画开始，这在jquery中很容易，但我不知道如何使用angularJSI实现这一点，我理解，但我正在尝试复制您的场景，以便我可以尝试我想到的不同解决方案。如果您可以在Plunker中复制一个场景，那么帮助会容易得多：）哦，好的，我没有使用position:absolute，只使用引导网格布局和默认引导表样式。

.row-animate.ng-enter {
    .animate(1s, fadeInRight);
}
.row-animate.ng-leave {
    .animate(1s, fadeOutRight);
}