小编典典

在AngularJS中更改路线(动画,加载程序等)时触发回调

angularjs

我对AngularJS比较陌生。

更改路线后,ng-view会更改内容。 我想做的是,在路线更改时挂上某种行为。

  1. 我希望能够例如对要离开的视图进行动画处理(淡出并向左滑动),并在下一个视图随时可用时,淡入并滑动视图。这可以通过添加一个类来实现到路线加载的主体,并成功删除路线更改类

  2. 我希望能够将视图堆叠在当前视图的右侧,以便当一个视图向前移动时,下一个视图首先加载到当前视图的右侧,然后视口会向右滑动,以便当前视图几乎滑出视图,而下一个幻灯片滑入视图(Windows Phone就像是画布导航)

$ routeProvider是执行此操作的正确位置吗?

有没有一些大师可以指出我正确的方向?


阅读 212

收藏
2020-07-04

共1个答案

小编典典

经过更多研究后,为此目的引发了一些事件。

$scope.$on('$routeChangeStart', function(scope, next, current){
   //...
});

$scope.$on('$routeChangeSuccess', function(scope, next, current){
   //...
});

如果某个问题是要对某物进行动画处理(例如,在路线更改时),则建议使用ngAnimate。在这里了解更多

2020-07-04