2015-06-05 19 views
7

मैं आपके पहले वेब एप्लिकेशन के लिए बेहतर नेविगेशन बनाने के लिए दोनों आयनिक ढांचे और आईयू राउटर का उपयोग कर रहा हूं।आयनिक टैब नेविगेशन समस्या

यहाँ एक सरल वास्तुकला ताकि आप आसानी से संरचना को समझने कर सकते हैं:

enter image description here

समस्या का सामना करना पड़ रहा हूँ कि मैं जब टैब्स के बीच नेविगेट राज्य बनाए रखने में सक्षम नहीं कर रहा हूँ है। उदाहरण के लिए। जब मैं अगले टैब पर जाता हूं और अगले दृश्य पर क्लिक करता हूं और रिटर्न दबाता हूं, तो मैं पहले बटन पर नेविगेट करता हूं, और जब मैं दूसरे टैब पर वापस जाता हूं, तो मुझे उसी स्थिति को नहीं देखा जाता है जिसे मैंने छोड़ा था।

मैं इस समस्या को हल नहीं कर सकता।

यहाँ एक डेमो है: PLUNKER DEMO + CODE

और यह मेरा राज्यों कोड है:

.config(function($stateProvider, $urlRouterProvider) { 


$stateProvider 



    .state('live.today', { 
    url: '/today', 
    views: { 
    today: { 
     templateUrl: 'today_live.html', 

    } 
    } 
}) 

.state('live.yesterday', { 
    url: '/yesterday', 
    views: { 
    yesterday: { 
     templateUrl: 'yesterday_live.html' 
    } 
    } 
}) 

.state('live.tomorrow', { 
    url: '/tomorrow', 
    views: { 
    tomorrow: { 
     templateUrl: 'tomorrow_live.html' 
    } 
    } 
}) 



.state('match.composition', { 

    url: '/composition', 
    views: { 
    view: { 
     templateUrl: 'composition.html' 
    } 
    } 
}) 

.state('match.resume', { 
    cache: false, 
    url: '/resume', 
    views: { 
    view: { 
     templateUrl: 'resume.html' 
    } 
    } 
}) 

.state('live', { 

    url: '/live', 
    views: { 
    live_view: { 
     templateUrl: 'live.html' 
    } 
    } 
}) 

.state('match', { 
    cache: false, 
    url: '/match_details', 
    views: { 
    live_view: { 
     templateUrl: 'match_details.html' 
    } 
    } 
}) 

.state('news', { 
    cache: false, 
    url: '/news', 
    views: { 
    news: { 
     templateUrl: 'news.html' 
    } 
    } 
}) 




$urlRouterProvider.otherwise('/live/today'); 


}) 
+0

सबसे पहले है के लिए अद्यतन डेमो पर एक लूट ले जा सकते हैं, जनसंपर्क के लिए धन्यवाद एक डेमो और छवि oviding। लेकिन मुझे आपकी समस्या बिल्कुल ठीक नहीं है? आपका वांछित व्यवहार क्या है? – QueryLars

+0

मुझे जिस समस्या का सामना करना पड़ रहा है वह यह है कि मैं टैब के बीच नेविगेट करते समय राज्य को रखने में सक्षम नहीं हूं। उदाहरण के लिए। जब मैं अगले टैब पर जाता हूं और अगले दृश्य पर क्लिक करता हूं और रिटर्न दबाता हूं, तो मैं पहले बटन पर नेविगेट करता हूं, और जब मैं दूसरे टैब पर वापस जाता हूं, तो मुझे उसी स्थिति को नहीं देखा जाता है जिसे मैंने छोड़ा था। –

+0

मेरे लिए आपका डेमो ठीक काम कर रहा है। – QueryLars

उत्तर

0
अंत में मैं एक समाधान है, " <ion-content> </ion-content> जहाँ मैं तीन टैब होते हैं फ़ाइल में जोड़ने के लिए है, जो मिल गया है

। (live.html)

आप कोई है जो एक ही जटिल विचारों वास्तुकला

संबंधित मुद्दे