数据渲染使动画滞后

时间:2013-05-14 16:16:07

标签: javascript frameworks angularjs

我们目前正在为我们的应用程序使用Angular.js,我们需要添加动画。我们创建指令来帮助我们。

但主要的问题是,如果我在角度更新模型的同时开始动画并在视图中渲染它,我的动画开始滞后。只有当我有ng-repeat创建的大列表(大约150个)时才​​会出现问题。

我曾尝试使用jquery动画和TweenMax,但它并没有改变一件事。我真的需要帮助来解决这个问题,因为我们现在最大的问题之一就是我们的动画应用程序的性能。

任何人都知道如何防止这种情况?

我的代码中没有那么多:

**In crontroller**

$scope.$on('$routeChangeSuccess', function( obj, current, previous ){
    aciData.getSequence( $scope.sequenceSlug ).then(function(data) {
        $rootScope.sequence = data.data;    
    });
}

**In directive**
scope.$on('$routeChangeSuccess', function( obj, current, previous ){ 

    if(angular.isDefined(current.params.sequence) && current.params.sequence != 'dashboard'){
        elm.animate({
             'left' : '0'
            });
        } else {
            elm.animate({
                'left' : -elm.outerWidth()
            });
        }           

    })

我可能无法使用最新版本的角度动画,因为它仍然不稳定。

0 个答案:

没有答案