美文网首页
ionic Tab键切换页面

ionic Tab键切换页面

作者: 如果你还记得我是小双鱼 | 来源:发表于2017-03-30 13:25 被阅读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'

    })

    相关文章

      网友评论

          本文标题:ionic Tab键切换页面

          本文链接:https://www.haomeiwen.com/subject/wmnuottx.html