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

遇到一个这样的场景,页面路由状态大致如下: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"状态?

阅读 2.8k
1 个回答

两种解决方案

  1. 很方便,就是在detail控制器的开始执行的阶段判断product是否是true,不是就$state.go跳转到order,这种方式虽然在路由上看起来做了两次跳转,但是我觉得可以接受;
  2. 在app.run里监听 $stateChangeStart事件,判断即将跳转的路由为detail并且product的值是否为true,在这里控制跳转
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题