2015-06-05 10 views
7

Używam zarówno architektury jonowej, jak i routera IU, aby ułatwić ci nawigację w mojej pierwszej aplikacji internetowej.Problem nawigacyjny z tabulatorami joystickimi

Oto prosta architektura, dzięki czemu można łatwo zrozumieć strukturę:

enter image description here

Problem mam skierowane jest to, że nie jestem w stanie utrzymać stan podczas nawigowania między kartami. na przykład. kiedy przechodzę do następnej karty i klikam na następny widok i wciskam return, potem przechodzę do pierwszego przycisku, a kiedy wrócę do drugiej karty, nie widzę tego samego stanu, który opuściłem.

Nie mogę rozwiązać tego problemu.

o to DEMO: PLUNKER DEMO + CODE

i to jest mój kod stany:

.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

Przede wszystkim dziękuję za pr ułożenie prezentacji i obrazu. Ale nie dostaję dokładnie twojego problemu? Jakie jest twoje pożądane zachowanie? – QueryLars

+0

Problem, przed którym stoję, polega na tym, że nie mogę zachować stanu podczas nawigacji między kartami. na przykład. kiedy przechodzę do następnej karty i klikam na następny widok i wciskam return, potem przechodzę do pierwszego przycisku, a kiedy wrócę do drugiej karty, nie widzę tego samego stanu, który opuściłem. –

+0

Dla mnie Twoje demo działa dobrze. – QueryLars

Odpowiedz

0

Wreszcie znalazłem rozwiązanie, które jest dodanie "<ion-content> </ion-content> do pliku, w którym mam trzy karty (live.html).

można wziąć łupy w zaktualizowanym demo dla kogoś, kto mają taką samą skomplikowaną ciami architekturę