2015-01-17 10 views
5

Vorrei inserire una visualizzazione a schede nell'app menu laterale, ma solo in alcune visualizzazioni dell'app. In un app v'è la seguente struttura statale:schede ioniche e cronologia menu laterale

|--- Login    (login: menuContent) 
|--- Orders list   (app.orders: menuContent) 
    |--- Description  (app.orderTabs.description: orderTabs-description) 
    |--- Products   (app.orderTabs.products: orderTabs-products) 
     |--- New product (app.orderTabs.products.newProduct: orderTabs-products) 
|--- Alerts list   (app.alerts: menuContent) 
    |--- Description  (app.alertTabs: alertTabs-description) 
    |--- Settings   (app.alertTabs: alertTabs-settings) 

essendo ogni voce | --- ViewTitle (stato: nome ionico-nav-view)

menu.html:

<ion-side-menus enable-menu-with-back-views="false"> 
    <ion-side-menu-content> 
    <ion-nav-bar class="bar-stable"> 
     <ion-nav-back-button> 
     </ion-nav-back-button> 

     <ion-nav-buttons side="left"> 
     <button class="button button-icon button-clear ion-navicon" menu-toggle="left"> 
     </button> 
     </ion-nav-buttons>  
    </ion-nav-bar> 
    <ion-nav-view name="menuContent"></ion-nav-view> 
    </ion-side-menu-content> 

    <ion-side-menu side="left"> 
    <ion-header-bar class="bar-stable"> 
     <h1 class="title">Menu</h1> 
    </ion-header-bar> 
    <ion-content> 
     <ion-list> 
     <ion-item nav-clear menu-close href="#/app/orders"> 
      Orders list 
     </ion-item> 
     <ion-item nav-clear menu-close href="#/app/alerts"> 
      Alerts list 
     </ion-item> 
     <ion-item nav-clear menu-close ng-click="logout()"> 
      Logout 
     </ion-item> 
     </ion-list> 
    </ion-content> 
    </ion-side-menu> 
</ion-side-menus> 

orderTabs.html:

<ion-tabs class="tabs-icon-top tab-bar"> 

    <ion-tab title="Order" icon="icon ion-clipboard" href="#/app/orderTabs/{{ data.order.id }}/description"> 
    <ion-nav-view name="orderTabs-description"></ion-nav-view> 
    </ion-tab> 


    <!-- products Tab --> 
    <ion-tab title="Products" icon="icon ion-checkmark-circled" href="#/app/orderTabs/{{ data.order.id }}/products" badge="data.badgeProducts" badge-style="badge-assertive"> 
    <ion-nav-view name="orderTabs-products"></ion-nav-view> 
    </ion-tab> 

</ion-tabs> 

mi piacerebbe essere in grado di andare da Descrizione o prodotti B ack alla lista degli ordini, qualcuno sa se è possibile?

Per il momento in cui sono riuscito a visualizzare il pulsante indietro in orderTabs, ma quando si crea una vista a schede a ioni la cronologia viene cancellata.

Da elenco degli ordini di controllo:

$scope.goToOrder = function gotToOrder(orderId) { 
    $ionicViewSwitcher.nextDirection('forward'); 
    $ionicHistory.nextViewOptions({ 
     historyRoot: false 
    }); 
    $state.go('app.orderTabs.order', { 
     orderId: orderId 
    }); 
    }; 

risposta

0

Ho avuto lo stesso problema come voi e dopo una ricerca ho scoperto che questo è in realtà qualcosa che il team ionico implementato apposta a causa delle linguette visualizzare abbiano una storia sul suo proprio, quindi in realtà non registrano le viste che hanno la navigazione a schede nella storia. Sembra che non si risolverà presto, quindi ho finito per creare l'implementazione di schede modificate da solo. Fondamentalmente imita l'aspetto delle schede e quindi controllo il contenuto mostrato utilizzando ng-show.

<div class="tabs-striped tabs-top"> 
    <div class="tab-nav tabs"> 
     <a class="tab-item" 
       ng-class="{'tab-item-active': tabs.active == 'description'}" 
       ng-click="tabs.active = 'description'"> 
      <span>Description</span> 
     </a> 
     <a class="tab-item" 
       ng-class="{'tab-item-active': tabs.active == 'pending'}" 
       ng-click="tabs.active = 'products'"> 
      <span>Products</span> 
     </a> 
    </div> 
</div> 
Problemi correlati