ionic Tab键切换页面

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'

})

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.页面跳转。 第一部分: 页面2: .state('tab.chats', { url: '/chats', c...
    紫荆逸阅读 13,590评论 5 1
  • ionic中路由管理介绍: 在单页应用中,路由的管理是很重要的环节。ionic.js没有使用AngularJS内置...
    DY_108阅读 2,379评论 0 1
  • 闲语: 最近在讲混合开发的课程,分享下部分课上的笔记,等抽出时间,会把混合开发这部分出一套系列教程。尽管网上遍地都...
    刘玉静阅读 420评论 2 3
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,026评论 19 139
  • 辣妈在英国(一)伦敦初体验 伦敦还是挺热闹的 经过14个小时的飞行,终于抵达伦敦。说起来,国泰航空的飞机真是舒服,...
    erxin2008阅读 518评论 1 1