angularjs:单击浏览器后退按钮时如何从嵌套视图返回上一页?

时间:2016-02-22 07:54:51

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

我有两个页面, index.html tabs.html tabs.html 是一个嵌套结构,它有一个标签组件,每个标签都绑定到一个州(标签1 标签2 TAB3 )。从 index.html 更改为 tabs.html 时,状态更改路径将为: index - > 标签 - >的 TAB1 即可。当您单击其他选项卡时,状态更改路径可能是:索引 - > 标签 - > tab1 - >的 TAB2 即可。现在,如果您点击浏览器的后退按钮,您只需从 tab2 返回 tab1 ,这意味着您仍然在 tabs.html 。现在我的问题是,点击浏览器的后退按钮有什么好方法可以实现,我可以回到 index.html 而不仅仅是以前的状态吗?

1 个答案:

答案 0 :(得分:-1)

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

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