我是 Ionic 的新手,目前我正在尝试制作自己的应用程序,该应用程序由多个选项卡组成。我目前面临的问题是我的后退按钮没有出现。在我的事件选项卡中,我允许人们单击列表中的事件,这会打开一个 href,其中包含该特定事件 (event.html) 的详细信息页面。我的问题是后退按钮以某种方式根本不会出现在任何 View 中。我什至尝试了仅使用导航栏和后退按钮创建空白新 View 的简单方法,但它仍然没有显示。谁能告诉我需要做什么才能显示后退按钮?
非常感谢!
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>
应用程序.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}}">
事件.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>
最佳答案
将此添加到您要返回的 Controller
$scope.$on('$ionicView.beforeEnter', function (event, viewData) {
viewData.enableBack = true;
});
关于javascript - ionic 导航后退按钮未显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39594414/