我们目前正在为我们的应用程序使用 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 动画,因为它仍然不稳定。