2015-06-05 25 views
7

Tôi đang sử dụng cả khung Ionic và bộ định tuyến IU để thực hiện điều hướng tốt hơn cho bạn ứng dụng web đầu tiên của mình.Vấn đề điều hướng tab Ionic

Dưới đây là một kiến ​​trúc đơn giản để bạn có thể dễ dàng hiểu được cấu trúc:

enter image description here

Vấn đề tôi đang phải đối mặt là tôi không thể giữ trạng thái khi điều hướng giữa các tab. ví dụ. khi tôi chuyển sang tab tiếp theo và nhấp vào chế độ xem tiếp theo và nhấn Quay lại, sau đó tôi điều hướng đến nút đầu tiên và khi tôi quay lại tab thứ hai, tôi không thấy trạng thái giống như tôi đã để lại.

Tôi không thể giải quyết vấn đề này.

đây là một DEMO: PLUNKER DEMO + CODE

và đây là mã quốc gia của tôi:

.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

Trước hết, cảm ơn bạn đã pr oviding một bản demo và hình ảnh. Nhưng tôi không nhận được vấn đề của bạn một cách chính xác? Hành vi mong muốn của bạn là gì? – QueryLars

+0

Vấn đề tôi đang gặp phải là tôi không thể giữ trạng thái khi điều hướng giữa các tab. ví dụ. khi tôi chuyển sang tab tiếp theo và nhấp vào chế độ xem tiếp theo và nhấn Quay lại, sau đó tôi điều hướng đến nút đầu tiên và khi tôi quay lại tab thứ hai, tôi không thấy trạng thái giống như tôi đã để lại. –

+0

Đối với tôi bản demo của bạn đang hoạt động tốt. – QueryLars

Trả lời

0

Cuối cùng tôi đã tìm thấy một giải pháp, mà là để thêm "<ion-content> </ion-content> đến file mà tôi có ba tab (live.html).

bạn có thể mất một loot ở bản demo được cập nhật cho những người có cùng quan điểm kiến ​​trúc phức tạp

Các vấn đề liên quan