2

我们目前正在为我们的应用程序使用 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()
            });
        }           

    })

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

4

0 回答 0