2016-06-13 105 views
1

我从不是标签的页面跳转到标签页。

在标签页上,我想在单击项目时返回。我用$ionicHistory.goBack()回去。

我发现一个奇怪的现象,在firsttime $ionicHistory.goBack()工作,但第二次工作不

我离子的版本是:1.3.1

我创建了一个 codepen demo

重现该错误:

单击转到DashPage按钮 - >单击选择按钮 - >单击项目 - >单击选择按钮 - >单击项目

回答

0

如果您正在使用标签页,我强烈建议将每个页面作为标签。对于那些你不希望出现在选项卡上,但想作为一个页面中使用,你可以“隐藏=”真”属性添加到

<ion-tab title="Home" icon-off="ion-home" icon-on="ion-home" href="#/app/home" hidden="true"> 

已经编写了您的‘聊天’状态会的方式为了更好地了解状态,我建议下载初学者应用程序,一个好的例子是Ionic Tabs Plus Sidemenu Starter

它的自由,应该让你更好地理解使用标签之外的状态, tab格式化的离子项目

+0

谢谢您reply.The [标签离子加Sidemenu入门(HTTP ://codepen.io/loringdodge/pen/vOrRpV)对理解选项卡非常有用。但'选项卡+菜单'不能满足我的需求。我的需求与我的[codepen demo]类似(http:// codepen .io/fenglu09/pen/wWGBge) –

2

Ionic分别维护标签和菜单的历史堆栈

更新答案

insted的的

<ion-item ng-click="onItemClick()">item 1</ion-item> 

尝试

<ion-item ui-sref="dash-page">item 1</ion-item> 

让我知道,如果这有助于

老回答

在你看来

<ion-nav-buttons> 
    <button class="button" ng-click="myGoBack()"><i class="ion-chevron-left"></i> </button> 
</ion-nav-buttons> 

创建自己的myGoBack() funtion

把这个和这个在您的控制器

$scope.myGoBack = function() { $ionicHistory.goBack(); } 
+0

谢谢合作修改我的格式。实际上,在我的演示中,单击项目时我使用'$ ionicHistory.goBack();'返回但第二次单击要返回的项目不起作用。 –

+0

如上所述,ionic v1分别维护标签页和每个单独页面的历史堆栈。这是您所面临问题的根源。离子团队提到他们正试图解决目前处于测试阶段的离子v2问题。所以唯一合乎逻辑的解决方案是维护我们自己的登录回去或重定向您想要去的页面。希望这能解决你的困境 – abhi314