2015-06-05 4 views
7

Uso sia il framework Ionic che il router IU per migliorare la navigazione per la mia prima applicazione Web.Problema di navigazione delle schede ioniche

Ecco una semplice architettura così si può capire facilmente la struttura:

enter image description here

Il problema che sto affrontando è che io non sono in grado di mantenere lo stato durante la navigazione tra le schede. per esempio. quando vado alla scheda successiva e clicco sulla vista successiva e premo Invio, quindi navigo al primo pulsante e quando torno alla seconda scheda, non vedo lo stesso stato che ho lasciato.

Non riesco a risolvere questo problema.

ecco un DEMO: PLUNKER DEMO + CODE

e questo è il mio codice stati:

.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

Prima di tutto, grazie per pr ovide una demo e un'immagine. Ma non capisco esattamente il tuo problema? Qual è il tuo comportamento desiderato? – QueryLars

+0

Il problema che sto affrontando è che non sono in grado di mantenere lo stato durante la navigazione tra le schede. per esempio. quando vado alla scheda successiva e clicco sulla vista successiva e premo Invio, quindi navigo al primo pulsante e quando torno alla seconda scheda, non vedo lo stesso stato che ho lasciato. –

+0

Per me la tua demo funziona perfettamente. – QueryLars

risposta

0

Finalmente ho trovato una soluzione, che è quello di aggiungere "<ion-content> </ion-content> al file dove ho tre schede (live.html).

si può prendere un bottino presso la demo aggiornata per qualcuno che ha lo stesso complicato vista architettura