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

加载角形JS路由模板后如何触发事件

萧韬
2023-03-14
问题内容

有谁知道当角度路线呈现其视图时如何触发事件?我想路由应用程序,并且在呈现模板的末尾,我希望它触发一个事件来滑动视图“打开”,这样用户体验就不会那么苛刻了。当您单击链接时,路线会发生变化。我基本上想使用户体验更流畅。

  1. 点击图片
  2. 路由应用程序(但是视图没有显示类
  3. 当视图加载完成时,我想触发一个事件
  4. 该事件触发了一个监听器,使我的标记向下滑动并打开。

有任何想法吗?


问题答案:

这是你的追求吗?

$scope.$on('$routeChangeSuccess', function () {
  // run some code to do your animations
});

转到http://docs.angularjs.org/api/并查看 $
route
(ngRoute模块下的LHS菜单)



 类似资料:
  • 问题内容: 我的页面上有几个链接(位于内),可用于更改CSS样式表: 现在,在更改页面上的样式之后,我想使用以下代码(在调用之后放入)获得新的背景色: 我认为问题是浏览器需要花费一些时间来下载新的样式表,并且有时我的警报消息中还会出现旧的背景色。我可以绑定一些事件,该事件仅在页面上所有样式表加载后才会提醒我吗? 目前,我所能想到的只是使用了a ,效果并不理想,因为如果要花费更长或更短的时间来加载页

  • 不确定我是否做对了一切。但问题是:当我从延迟加载的模块导航到组件的某些子路由时,它根本不加载。它从延迟加载模块重新加载主组件。 app-routing.component.ts planet-detector-routeting.module.ts 所以在上面的例子中,当你输入“http://localhost:4200/planet-detector/first”时,它会加载DetectorCo

  • 问题内容: 我试图在UI-Router router.js文件中延迟加载控制器和模板,但是在模板处理上遇到困难。 控制器已正确加载,但是在加载之后,我们必须加载模板,这就是问题所在。 ocLazyLoad加载控制器后,我们解析了一个Angular Promise,它也包含在templateProvider中。问题在于,在文件加载完成后,不是返回诺言(templateDeferred.promise

  • 我希望使用相同的路由路径,根据用户角色为我的用户加载稍微不同的视图。 以前,我已经加载了基于当前域的不同路由: 这种方法只依赖于子域,子域在创建时可用,因此所有内容都可以是同步的。我必须对用户进行身份验证,根据其角色加载正确的路由,然后导出路由器以初始化vue应用程序。 理想情况下,我可以加载基于用户角色的,,,其中可以包含角色的所有路由定义。 我正在使用Feathers-vuex,但我似乎不能等

  • 尽管我对Angular比较陌生,但它应该是如此简单以至于让我发疯。我使用带有“使用角度路由”选项的CLI创建了一个角度项目。创建了一个功能模块,并使用VS代码中的支架插件(Alexander Ivanichev的“Angular Files”)为其添加了一个路由类。一开始,我只是直接在app.component.html中添加组件选择器,它工作得很好,当我添加了路由器出口,将所有东西连在一起,并将

  • 对于Super Rentals,我们希望首先到达home页面,在上面显示租赁列表,然后可以跳转到about页面和contact页面。(下列测试在/opt/super-rentals目录下进行) about路由 生成about路由: $ ember generate route about installing route create app/routes/about.js create