PhoneGap中文网

 找回密码
 立即注册
查看: 14593|回复: 1

ionic跳转子页面后仍然显示Header、Tab

[复制链接]

1

主题

4

帖子

25

积分

新手上路

Rank: 1

积分
25
发表于 2016-12-23 10:37:39 | 显示全部楼层 |阅读模式
如下图所示,
QQ截图20161223102705.png
“收货”这个界面是从“首页”的界面进来的;
我想要实现的效果是,Tab里不需要“收货”页签,但是又要能显示Header、Tab的内容;

router配置如下:
.state("tab", {
    url: "/tab",
    abstract: true,
    templateUrl: "templates/tabs.html",
    controller: "tabCtrl"
})

.state('tab.receive', {
    url: '/receive',
    views: {
        'tab-receive': {
        templateUrl: 'templates/receive.html',
        controller: "receiveCtrl"
        }
    }
})

在tabs.html里是Header和Tabs的内容;
在receive.html里只有ion-view的内容:
<ion-view>
    <ion-content>
        收货
    </ion-content>
</ion-view>


我遇到的问题是:
如果Tabs里不加“收货”Tab的话,首页用$state.go('tab.receive')就不能跳转到receive.html界面;
我希望首页跳转到receive.html后,仍然保留header、tab两个区域的内容;

刚用ionic,希望大家多多指点;
谢谢。

回复

使用道具 举报

1

主题

4

帖子

25

积分

新手上路

Rank: 1

积分
25
 楼主| 发表于 2016-12-23 10:55:41 | 显示全部楼层
貌似可以了,这样修改:
.state('tab.receive', {
    url: '/receive',
    views: {
        'tab-home': {
        templateUrl: 'templates/receive.html',
        controller: "receiveCtrl"
        }
    }
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-3-29 16:48 , Processed in 0.057198 second(s), 36 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表