0

タブからナビゲートした後、詳細ページに戻るボタンが表示されないという問題があります。私は私のような状態を持っています

$stateProvider
            .state('poets', {abstract: true, url: '/poets', templateUrl: 'views/poets/index.html'})
            .state('poets.list', {url: '/poet-list', views: {'poets-list': {templateUrl: 'views/poets/poet.list.html', controller: 'PoetCtrl'}}})
            .state('poets.popular', {url: '/poet-popular', views: {'poets-popular': {templateUrl: 'views/poets/poet.popular.html', controller: 'PoetPopularCtrl'}}})
            .state('poets-detail', {url: '/poets/detail/:itemId',  templateUrl: 'views/poets/detail.html', controller: 'PoetDetailCtrl'})

'poets.popular' & 'poets.popular'どちらも詳細ページに移動する 2 つのタブです。詳細ページに戻るボタンを追加して、前の状態に戻るようにしたいと思います。

index.html

<ion-view>
<ion-tabs class="tabs-striped tabs-color-balanced tabs-icon-left">
    <ion-tab icon="ion-home" title="All Poets" href="#/poets/poet-list">
        <ion-nav-view name="poets-list"></ion-nav-view>
    </ion-tab>
    <ion-tab icon="ion-home" title="Popular" href="#/poets/poet-popular">
        <ion-nav-view name="poets-popular"></ion-nav-view>
    </ion-tab>

</ion-tabs>
</ion-view>

詩人.list.html と 詩人.人気のある.htmlはほぼ同じです。

<ion-view title="Poets">

<ion-nav-buttons side="primary">
    <button class="button button-icon" menu-toggle="left"><i class="icon ion-navicon"></i></button>
</ion-nav-buttons>

<ion-nav-buttons side="right">
    <button ng-click="popover.show($event)" class="button button-icon"><i class="icon ion-more"></i></button>
</ion-nav-buttons>

<ion-content>
    <ion-list>
        <ion-item href="#/poets/detail/{{item.id}}" class="item-icon-right item item-text-wrap"
                  ng-repeat="item in data" type="item-link">
            <h2>{{item.name}}</h2>
            <i class="icon ion-chevron-right icon-accessory"></i>
        </ion-item>
    </ion-list>

    <ion-infinite-scroll ng-if="!end" on-infinite="fetchMore()"></ion-infinite-scroll>
</ion-content>
</ion-view>

詳細.html

<ion-view view-title="{{data.name}}">
    <ion-nav-bar class="bar bar-balanced">
        <ion-nav-back-button class="button-clear"><i class="ion-arrow-left-a"></i> Back</ion-nav-back-button>
    </ion-nav-bar>
    <ion-nav-buttons side="primary">
        <button class="button button-icon" menu-toggle="left"><i class="icon ion-navicon"></i></button>
    </ion-nav-buttons>

    <ion-content>
     ....
    </ion-content>
</ion-view>
4

0 に答える 0