AngularJS 只有 ng-repeat 动画中的第一个元素

由于某种原因，使用下面的代码，ngRepeat 仅对第一个项目进行动画处理并立即显示其余项目。一旦scope.categories项目已更新，模板中触发了 ng-repeat。

dataSource.getCategories()
    .then(function(categories) {
        $scope.categories = categories;
    }, function(message) {
        dataSource.setActivity(false, message);
    });

但是如果我将代码更改为下面的代码并添加<a ng-click="start()">Start</a>在页面中，它有效。是的，我已经尝试过 $timeout，甚至长达 5 秒，但它并没有改变情况。

dataSource.getCategories()
    .then(function(categories) {
        $scope.start = function() {
            $scope.categories = categories;
        }

    }, function(message) {
        dataSource.setActivity(false, message);
    });

有人有解决办法吗？

我用 AngularJS 1.2.9 尝试了你的 CSS 并得到了相同的结果。但它适用于 1.2.13。 1.2.* 分支中的 ngAnimate 模块发生了很多变化，因此在没有深入研究这个问题的情况下，我猜测这是一个已经修复的错误。

演示 - 1.2.9 不工作: http://plnkr.co/edit/WvK2DDB6wTUkjx4Ah2bs?p=preview http://plnkr.co/edit/WvK2DDB6wTUkjx4Ah2bs?p=preview

演示 - 1.2.13 工作: http://plnkr.co/edit/50UdTAKAsua85hyLc1O6?p=preview http://plnkr.co/edit/50UdTAKAsua85hyLc1O6?p=preview