【问题标题】:angularjs: how to go back to previous page from a nested view when clicking back button of browser?angularjs:单击浏览器的后退按钮时如何从嵌套视图返回上一页?
【发布时间】:2016-02-22 07:54:51
【问题描述】:

我有两个页面,index.htmltabs.htmltabs.html 是一个嵌套结构,它有一个 tabs 组件,每个 tab 都绑定到一个 state(tab1, tab2, 选项卡3)。从 index.html 更改为 tabs.html 时,状态更改路径为:index -> tabs -> tab1。当你点击其他标签时,状态变化路径可能是:index -> tabs -> tab1 -> tab2 .现在如果你点击浏览器的返回按钮,你只是从tab2返回到tab1,也就是说你还在tabs.html >。现在我的问题是,有没有什么好的方法可以实现点击浏览器的后退按钮时,我可以回到index.html,而不仅仅是之前的状态?

【问题讨论】:

  • 就我个人而言,我不喜欢通过单击后退按钮直接后退太多的网站...我喜欢在最后一次点击之前的位置。
  • 取而代之的是,为什么你不使用总是进入重定向状态的后退按钮

标签: angularjs angular-ui-router angular-ui-bootstrap angular-ui-bootstrap-tab


【解决方案1】:

由于浏览器中的后退操作适用于 URL,因此您可以在 tab1、tab2 和 tab3 状态的状态定义中删除 url 属性,并且只需将它们与 ui-sref 链接。

现在,如果您返回浏览器,您将转到 index.html

【讨论】:

  • 感谢您的热情回复,解决了我的问题!
猜你喜欢
  • 2017-10-07
  • 1970-01-01
  • 2021-01-16
  • 1970-01-01
  • 1970-01-01
  • 2017-05-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多