ionic Tab键切换页面

2017-03-30  本文已影响0人  如果你还记得我是小双鱼

ionic 的页面都是代码片段。

app中给页面添加路由的时候,一级页面关联tab 页面 而二级以下页面不需要关联,否则页面切换到时候,点击tab 键时 ,会切换到二级以下页面。

//tab 页面

.state('tab', {

url: '/tab',

cache:false,

abstract: true,

templateUrl: 'templates/tabs.html'

})

// Each tab has its own nav history stack:

一级页面要写成:

// 一级页面 关联tab 页面

 .state('tab.hall', {

     url: '/hall',

     cache:false,

     views: {

      'tab-hall': {

           templateUrl: 'templates/tab-hall.html',

           controller: 'HallCtrl'

        }     

     }

})

// 二级页面 不需要关联

.state('hall-lotteryBall', {

url: '/hall-lotteryBall/:type,/:group',

// ,/:date,/:times

// url: '/hall-lotteryBall',

cache:false,

templateUrl: 'templates/hall-lotteryBall.html',

controller: 'HallLotteryBallCtrl'

})

上一篇下一篇

猜你喜欢

热点阅读