Ionic導航後退按鈕沒有顯示

我是新來的Ionic，我目前正試圖讓我自己的應用程序由幾個選項卡構建。我目前面臨的問題是我的後退按鈕沒有顯示出來。在我的「事件」選項卡中，我允許用戶單擊列表中的某個事件，該列表將打開一個包含該特定事件（event.html）的詳細信息頁面的href。我的問題是，不管怎樣，後退按鈕都不會顯示在任何視圖中。我甚至嘗試了使用導航欄和後退按鈕創建空白新視圖的簡單途徑，但仍未顯示。任何人都可以告訴我我需要做些什麼才能顯示我的後退按鈕？Ionic導航後退按鈕沒有顯示

非常感謝！

的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>

來源

2016-09-20 Robin

我面臨同樣的問題，但後來我使用的自定義在我想用的地方正好箭頭。您可以將自定義箭頭圖像添加到您的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>

來源

2016-09-20 13:00:21 devanshsadhotra

側=「左」是用來放置該按鈕朝向標題的左側。 – devanshsadhotra

謝謝，那有效:) – Robin

添加到您的控制器，你要回去

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

來源

2017-09-21 07:51:12

Ionic導航後退按鈕沒有顯示

回答

相關問題