我们目前正在为我们的应用程序使用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()
});
}
})
我可能无法使用最新版本的角度动画,因为它仍然不稳定。