Javascript CSS转换延迟AngularJs中的DOM/范围更新

当我应用css转换时，dom/scope更新似乎也会延迟

我有一个可以分页的列表。当每个列表元素的顶部div包装器

.tl容器

<div class="tl-container" ng-repeat="elem in analysisMetaList.list">
 ...
</div>

更新延迟，我可以看到转换时间的旧列表（因此，如果是3秒，旧列表将在那里停留3秒）：

当我仅删除此css转换并保持所有其他内容不变时，它会按预期工作：

analysisMetaList.list

是一个普通数组，将通过http调用填充（简化代码）

整个页面数据量很大，但速度足够快——尽管它似乎与性能无关

作为旁注：同样的错误发生在simple

ng show

（在文本字段中输入一个值会使文本字段消失，并且会显示不可编辑的值）

我还使用了angular route和angular animate插件

在chrome和firefox上使用angular 1.3和1.2进行测试

---

---

这是一个已知的角度或javascript问题吗？

ngAnimate将使用css转换计时来建立任何标准指令，以便ng show和ng repeat可以等待它，并将所有css放在该元素样式上。你可以试着取消 该元素上的动画

$animate.enabled(false, element);

---

你说得对，这是ng动画模块。我没有为您的解决方案提供便利，因为我并不真正需要该模块，只是暂时禁用了它。

angular.module('app').controller('Ctrl', ['$scope','$http', function($scope, $http) {
    var analysisPerPage = 5;

    $scope.analysisMetaList={};

    function reloadAnalysisMetaList() {
        $http({
            method: 'GET',
            url: constants.getApiUrl() +"/analysis/",
            headers: {'If-None-Match': $scope.analysisMetaList.etag}})
            .success(function (data, status, headers, config) {
                $scope.analysisMetaList.list = data.splice(0,analysisPerPage);
                $scope.analysisMetaList.etag = headers("Etag");
            });
}]);

$animate.enabled(false, element);