Question

我是Ionic的新手，我正在尝试创建自己的应用程序，这是由几个标签构建的。我目前面临的问题是我的后退按钮没有显示出来。在我的“事件”选项卡中，我允许人们单击列表中的事件，该事件将打开一个href，其中包含该特定事件（event.html）的详细信息页面。我的问题是，不知何故，后退按钮根本不会出现在任何视图中。我甚至尝试了使用导航栏和后退按钮创建空白新视图的简单路线，但它仍然没有显示出来。任何人都可以告诉我，我的后退按钮出现需要做什么？

非常感谢！

的index.html：

<body ng-app="App">
<ion-nav-bar class="bar-positive">
<ion-nav-back-button class="button-icon button-clear">
    <i class="icon ion-arrow-left"></i> Back
</ion-nav-back-button>
</ion-nav-bar>

<ion-nav-view>
</ion-nav-view>

标签：

<ion-tabs class="tabs-icon-top">
    <ion-tab title="Events" icon="ion-calendar" ui-sref="tabs.events">
        <ion-nav-view name="events-tab"></ion-nav-view>
    </ion-tab>
</ion-tabs>

app.js：

.state('tabs.events', {
    url: '/events',
    views: {
      'events-tab': {
        templateUrl: 'views/events/events.html',
        controller: 'EventsController'
      }
    }
  }).state('event', {
    url: '/event/:id',
    templateUrl: 'views/events/event.html',
    controller: 'EventController'
  });

events.html（链接到详细信息页面）

<a href="#/event/{{event.id}}">

event.html：

<ion-view view-title="{{event.title}}">
<ion-content>

    Event title: {{event.title}} <br />
    Group name: {{event.groupname}} <br />
    Date: {{event.date}} <br />
    Description: {{event.description}} <br />

</ion-content>
</ion-view>

Answer 1

将此添加到您想要返回的控制器

$scope.$on('$ionicView.beforeEnter', function (event, viewData) {
    viewData.enableBack = true;
});

Answer 2

我遇到了同样的问题，但后来我在我想要使用的地方使用了自定义箭头。你可以将自定义箭头图像添加到CSS文件中，然后可以相应地使用。 ng-click =“goBack（）”用于导航到你想去的页面，你可以在你的.js文件中定义它。我希望这有效

HTML文件

<ion-nav-buttons side="left">
    <a ng-click="goBack()" class="button back-button buttons  button-clear header-item nav-back-btn">
        <i class="ion-android-arrow-back" id="customArrow"></i>
    </a>
</ion-nav-buttons>

离子导航后退按钮未显示

2 个答案: