angularJS ui-router路由这种场景下怎样阻止状态的加载?

发布于 2022-09-06 06:54:05 字数 398 浏览 22 评论 0

遇到一个这样的场景,页面路由状态大致如下:index.html#/product
在"product"状态的controller里面有一个判断:

值为true就跳转到/product/detail,为false就跳转到/product/order

但是当直接在浏览器输入index.html#/product/detail,"product"状态的值为false时,"detail"状态的controller里面的代码也会执行,虽然最终还是会跳转到/product/order,但是感觉不合理。
请问类似这样的场景比较好的处理方法是什么?直接输入index.html#/product/detail时(product值为false),怎样完全屏蔽掉"detail"状态?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

抽个烟儿 2022-09-13 06:54:05

两种解决方案

  1. 很方便,就是在detail控制器的开始执行的阶段判断product是否是true,不是就$state.go跳转到order,这种方式虽然在路由上看起来做了两次跳转,但是我觉得可以接受;
  2. 在app.run里监听 $stateChangeStart事件,判断即将跳转的路由为detail并且product的值是否为true,在这里控制跳转
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文