$ ionicHistory.goBack()无法正常工作

时间:2016-06-13 00:33:02

标签: javascript ionic-framework

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

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

我发现了一个奇怪的情况,第一次$ionicHistory.goBack()正在运行,但第二次无效。

我的离子版本是:1.3.1

我创建了 codepen demo

重现错误:

点击Go DashPage按钮 - >单击选择按钮 - >点击项目 - >单击选择按钮 - >点击项目

2 个答案:

答案 0 :(得分:2)

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

更新回答

Insted of

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

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

如果有帮助,请告诉我

旧答案

创建自己的myGoBack()功能

将此放在您的视图中

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

这在你的控制器中

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

答案 1 :(得分:0)

如果您使用标签页,我强烈建议您将每个页面都作为标签页。对于那些您不希望出现在选项卡上但希望用作页面的人,您可以添加&#34; hidden =&#34; true&#34;财产

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

您编写聊天记录的方式&#39;国家将来会给你很多问题。为了更好地了解状态,我建议下载入门应用程序。一个好的将是Ionic Tabs Plus Sidemenu Starter

它是免费的,应该让您更好地理解在制表符格式化的离子项目中使用选项卡外的状态。