ng-repeat中的动画 - 不工作

Question

我正在使用angularJS（1.3.0-rc.4），我正在尝试在ng-repeat元素中实现淡出动画（或者此时添加项目时的任何动画）。< / p>

模板文件：

<div ng-repeat="message in messages"
    class="msg-popup alert alert-{{ message.type }}">
    <span class="glyphicon glyphicon-info-sign"></span>
    <span class="msg-content">{{ message.content }}</span>
</div>

scss文件：

.msg-popup {
    &.ng-enter {
        -webkit-transition:0.5s linear all;
        -moz-transition:0.5s linear all;
        -o-transition:0.5s linear all;
        transition:0.5s linear all;
        opacity:0;
    }
}

我想在这一点上，当任何新元素被添加到列表中时，它应该在0.5秒内淡出？但事实并非如此。

如果有帮助 - 这就是列表的加载方式 - messenger是一个保存数据的服务，getMessages（5）检索5条最新消息：

模块控制器：

$scope.$on('messenger::updated', function(event, message) {
    $scope.messages = messenger.getMessages(5);
});

修改 还有一个与之相关的问题，我是否应该依靠凉亭“nganimate”？