Javascript 使用ion nav后退按钮的ion导航问题
我有一个基于tabs模板的Ionic应用程序。我的应用程序的一般导航结构是:Javascript 使用ion nav后退按钮的ion导航问题,javascript,html,ionic-framework,Javascript,Html,Ionic Framework,我有一个基于tabs模板的Ionic应用程序。我的应用程序的一般导航结构是: -- users (/users) -- user (/users/[id]) -- todos (/todos) -- todo (/users/[id]) -- settings (/settings) 那里有一些嵌套视图(用户和todo)。它们出现在相同的导航视图中,如下所示: <ion-tabs class="tabs-icon-only tabs-color-assertive">
-- users (/users)
-- user (/users/[id])
-- todos (/todos)
-- todo (/users/[id])
-- settings (/settings)
那里有一些嵌套视图(用户和todo)。它们出现在相同的导航视图中,如下所示:
<ion-tabs class="tabs-icon-only tabs-color-assertive">
<ion-tab icon="ion-ios-pulse-strong" href="#/tab/users">
<ion-nav-view name="users-tab"></ion-nav-view>
</ion-tab>
<ion-tab icon="ion-ios-pulse-strong" href="#/tab/todos">
<ion-nav-view name="todos-tab"></ion-nav-view>
</ion-tab>
<ion-tab icon="ion-ios-pulse-strong" href="#/tab/settings">
<ion-nav-view name="settings-tab"></ion-nav-view>
</ion-tab>
</ion-tabs>
在我的index.html文件中,我有以下内容:
<ion-nav-bar class="bar-light">
<ion-nav-back-button></ion-nav-back-button>
</ion-nav-bar>
<ion-nav-view></ion-nav-view>
我使用ion nav back(导航返回)按钮来处理用户和TODO的非主控细节视图。这是完全自动的,爱奥尼亚处理得很好。除了一例。当我从另一个视图(例如用户/1)中引用todo的详细视图(例如/todos/3)时,不会出现“后退”按钮,并且无法返回todos概览(/todos)。单击tab按钮无效,但会转到/todos/3)
我想这是预期的行为,但是否有任何方法显示后退按钮,或使选项卡按钮始终转到todos视图(/todos) 我找到了解决办法。这并不理想,但很有效。 而不是直接转到详细信息状态:
$state.go('tabs.todos', {
id: 1
});
$state.go('tabs.todos').then(function() {
setTimeout(function() {
$state.go('tabs.todos', {
id: 1
});
}, 100);
});
我首先进入主状态,在承诺中我进入细节状态:
$state.go('tabs.todos', {
id: 1
});
$state.go('tabs.todos').then(function() {
setTimeout(function() {
$state.go('tabs.todos', {
id: 1
});
}, 100);
});
超时并不是绝对必要的,但我发现有时如果没有超时,它会失败