当前位置: 首页 > 面试题库 >

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

穆高澹
2023-03-14
问题内容

我对AngularJS比较陌生。

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

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

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

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

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


问题答案:

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

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

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

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



 类似资料:
  • 问题内容: 示例应用程序: http //angular.github.com/angular- phonecat/step-11/app/#/phones 如果您选择最后一个手机“ Motorola charm”,它将为您显示手机的详细信息。当您在浏览器上浏览时,它将重新加载数据,并且滚动条位于顶部。 导航返回时,自动滚动到剩余位置的最佳方法是什么?而且,为什么角度重新加载数据? 我的计算机上有

  • 这是我的第一个问题。我一路寻找,尝试了很多,但没有得到我想做的。问题是:我有一个应用程序使用SoundPool播放声音,仅此而已。但是要加载的东西很多(>50),一个一个加载需要时间。看一看; @Override公共视图onCreateView(LayoutInflater inflater,ViewGroup container,Bundle savedInstanceState){View V

  • 问题内容: 是否可以在不保存更改的情况下侦听路由更改和onwindowunload来确认页面离开? 用例: 用户点击返回 用户在浏览器中按下后退按钮 用户类型使用其他URL 如果用户单击“取消”,则停止页面/路线更改。 我看到了几个不同的示例,但没有一个工作得很正确。 问题答案: 演示:http://plnkr.co/edit/Aq8uYg 在演示中,如果您更改输入的值,则在尝试返回时会注意到您。

  • 问题内容: 我不知道如何使用JQuery,因此我需要一种仅可以使用JavaScript触发动画的方法。 当用户滚动页面时,我需要调用/触发CSS动画。 问题答案: 触发CSS动画的最简单方法是 添加或删除类 -如何使用纯Javascript执行此操作,您可以在此处阅读: 如果您确实使用jQuery(在基本用法上应该很容易学习),则只需使用/即可。 然后,您要做的就是设置到给定元素的过渡,如下所示:

  • 问题内容: 如何在AngularJs中取消路线更改事件? 我当前的代码是 即使验证失败,Angular也会提取下一个模板和关联的数据,然后立即切换回上一个视图/路线。如果验证失败,我不希望angular提取下一个模板和数据,理想情况下应该没有window.history.back()。我什至尝试过event.preventDefault()但没有用。 问题答案: 代替使用 这是angularjs专

  • 问题内容: 目前看来,对于sails.js应用程序中的任何代码更改,您都必须手动停止sails服务器并再次运行,然后才能看到更改。 我想知道在开发模式下运行时是否有任何方法可以在检测到代码更改时自动重新启动sails服务器? 问题答案: 您必须使用forever,nodemon或其他类似的观察器。 通过运行以下命令 永久 安装: 运行: 为了避免由于Sails写入文件夹而导致无限重启,您可以在项目