आयनिक टैब और साइड मेनू इतिहास

Question

मैं साइड मेनू ऐप के अंदर एक टैबड व्यू रखना चाहता हूं, लेकिन ऐप के कुछ दृश्यों में। एक ऐप्लिकेशन में निम्नलिखित राज्य संरचना है:

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

जा रहा है प्रत्येक प्रविष्टि | --- ViewTitle (राज्य: आयन नव-व्यू नाम)

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> 

मैं ख विवरण या उत्पाद से जाने के लिए सक्षम होने के लिए चाहते हैं ऑर्डर की सूची में एके, किसी को भी पता है कि यह संभव है?

इस पल के लिए मैंने ऑर्डर टैब्स में बैक बटन दिखाने के लिए हासिल किया, लेकिन जब आयन-टैब दृश्य बनाते समय इतिहास साफ़ हो जाता है।

आदेश नियंत्रक की सूची से:

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

Answer 1

मैं आप की तरह एक ही मुद्दा था और खोज करने के बाद मुझे पता चला कि यह वास्तव में कुछ है कि टैब के कारण उद्देश्य पर लागू आयोनिक टीम पर इतिहास वाले दृश्य है इसके स्वयं, इसलिए वे वास्तव में उन विचारों को रिकॉर्ड नहीं करते हैं जिनमें इतिहास में टैब नेविगेशन है। ऐसा लगता है कि इस समय किसी भी समय हल नहीं किया जा रहा है, इसलिए मैंने अपने आप संशोधित टैब कार्यान्वयन को समाप्त कर दिया। मैं मूल रूप से टैब के स्वरूप की नकल करता हूं और फिर एनजी-शो का उपयोग करके दिखाए गए सामग्री को नियंत्रित करता हूं।

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