Javascript Angular-ngAnimate-Animate.css-项首先显示，然后动画开始

我对Angular-ngAnimate-Animate.css组合（将ngAnimate作为单独的模块使用，而不是旧版本）有问题

所以我有一个列表，它实际上是一个表，每个tr都是用ng repeat重复的。 该列表可以修改，它是一个来宾列表，我有一个按钮，它只是向模型中添加一个新对象（来宾），该模型以相同的方式显示。对于添加到列表中的每一个，我使用此CSS规则使其淡入列表：

#ic-booking-details .ic-confirmed-guest-list tr.ng-enter {
   -webkit-animation: slideInLeft 0.5s;
   animation: slideInLeft 0.5s;
}

动画会显示，但问题是它首先显示在列表中，在很短的时间内（大约100毫秒）完全可见，然后开始动画->隐藏，然后开始淡入。当然，它不应该先显示，然后淡入，它应该淡入而不可见

我是否缺少一个CSS规则来让它正常工作？现在我只使用ng enter

谢谢

编辑：这是重复来宾的HTML：

<div  class="ic-confirmed-guest-list-holder">
   <table class="ic-confirmed-guest-list">
       <tr ng-repeat="(k,v) in guests.data">
           <td class="ic-guest-number">
                        <span ng-class="{error: ui.guests.errors[k].hasError}" ng-click="guests.swap(k)">Guest #{{k+1}}</span>
                        <span ng-hide="guests.selected != k" class="ic-current-guest"></span>
                    </td>
                    <td ng-click="guests.swap(k)" class="ic-guest-full-name">{{v.firstName}}
                        {{v.lastName}}
                    </td>
                    <td>
                        <span ng-hide="k==0" ng-click="removeGuest(k)" class="ic-remove-icon"></span>
                    </td>
                </tr>
            </table>
        </div>

来宾{{k+1}
{{v.firstName}
{{v.lastName}

我认为您的问题与动画无关，而是与angular开始更新页面之前的时间段有关

你应该给元素添加ng斗篷。（我看不到html。）

…请在此列出。。

---

根据$animate使用的类，您应该有额外的CSS来隐藏和显示：

.ng-enter,
.ng-leave.ng-leave-active {
    opacity:0;
 }

.ng-leave,
.ng-enter.ng-enter-active {
     opacity:1;
}

---

谢谢你的回复，我试着把它放在桌子上和tr标签上，但是没有成功，我会尝试更多的尝试！我爱你男人：）我没有看到一个额外的CSS必须包括在内，它是在文档中的某个地方吗？在angular网站上有一些文档：。不过，可能还有更好的教程：

.ng-enter,
.ng-leave.ng-leave-active {
    opacity:0;
 }

.ng-leave,
.ng-enter.ng-enter-active {
     opacity:1;
}