PhoneGap中文网

 找回密码
 立即注册
查看: 54165|回复: 19
打印 上一主题 下一主题

ionic中隐藏tabs(tabs-item-hide)_ionic新闻详情隐藏底部菜单

[复制链接]

52

主题

528

帖子

1652

积分

金牌会员

Rank: 6Rank: 6

积分
1652
跳转到指定楼层
楼主
发表于 2015-8-25 17:20:29 | 只看该作者 回帖奖励 |正序浏览 |阅读模式
本帖最后由 测试一把 于 2015-8-30 12:18 编辑

ionic中隐藏tabs(tabs-item-hide)   利用与ionic新闻详情隐藏底部菜单

当我们在文章页面的时候我们不想显示底部的tab,或者我们就有一些页面不想显示底部的tab 我们怎么实现呢

1.tabs页面
<ion-tabs class="tabs-icon-top tabs-positie {{hideTabs}}>
...
</ion-tabs>
2.跳转后页面
<ion-view hide-tabs>
..
</ion-view>
3. 指令
.directive('hideTabs',function($rootScope){
    return {
        restrict:'AE',
        link:function($scope){
            $rootScope.hideTabs = 'tabs-item-hide';
            $scope.$on('$destroy',function(){
                $rootScope.hideTabs = ' ';
            })
        }
    }
}
   

回复

使用道具 举报

0

主题

54

帖子

304

积分

中级会员

Rank: 3Rank: 3

积分
304
推荐
发表于 2015-12-1 16:11:29 | 只看该作者
回复 支持 1 反对 0

使用道具 举报

0

主题

1

帖子

6

积分

新手上路

Rank: 1

积分
6
20#
发表于 2016-11-22 14:47:29 | 只看该作者
从隐藏tab的页面返回到有tab的页面的时候,tab会闪现出来。有没有什么方法可以让它不闪现,或者是加一个类似fade-in-up这种效果么?
回复 支持 反对

使用道具 举报

0

主题

1

帖子

6

积分

新手上路

Rank: 1

积分
6
19#
发表于 2016-6-29 14:17:57 | 只看该作者
返回首页会出现tab 盖住内容的问题,是如何解决的?
回复 支持 反对

使用道具 举报

6

主题

19

帖子

99

积分

注册会员

Rank: 2

积分
99
18#
发表于 2016-4-21 19:45:03 | 只看该作者
尘往风中吹 发表于 2015-11-13 18:00
我能了,就是在app.js里面的
.directive('hideTabs', function ($rootScope,$location) {
    return {

你好 ,代码部分能写全吗?我也遇到这个问题了。。。。
回复 支持 反对

使用道具 举报

6

主题

19

帖子

99

积分

注册会员

Rank: 2

积分
99
17#
发表于 2016-4-21 19:44:40 | 只看该作者
尘往风中吹 发表于 2015-11-13 18:00
我能了,就是在app.js里面的
.directive('hideTabs', function ($rootScope,$location) {
    return {

你好 代码部分能写全吗?我也遇到这个问题了。。。。
回复 支持 反对

使用道具 举报

11

主题

23

帖子

81

积分

注册会员

Rank: 2

积分
81
16#
发表于 2015-12-4 14:17:01 | 只看该作者
尘往风中吹 发表于 2015-12-4 13:10
我把index.html里面的head给去掉了,然后在每个view 自己写了个head 然后想跳哪里跳那里 ...

好的,看来只有这样做了。。。
回复 支持 反对

使用道具 举报

7

主题

36

帖子

207

积分

中级会员

Rank: 3Rank: 3

积分
207
15#
发表于 2015-12-4 13:10:04 | 只看该作者
段逍遥 发表于 2015-12-2 14:36
谢谢,我现在弄好了,嘿嘿!
能问您另一个问题么? 一个view:A,为了从tabs跳转到其中有返回按钮,设置v ...

我把index.html里面的head给去掉了,然后在每个view 自己写了个head 然后想跳哪里跳那里
回复 支持 反对

使用道具 举报

11

主题

23

帖子

81

积分

注册会员

Rank: 2

积分
81
14#
发表于 2015-12-2 14:36:34 | 只看该作者
尘往风中吹 发表于 2015-12-1 11:26
不会啊,我的3级界面还有

谢谢,我现在弄好了,嘿嘿!
能问您另一个问题么? 一个view:A,为了从tabs跳转到其中有返回按钮,设置views为tabs其中的一个tab的view; 但是其他的tab跳转到view:A还是没有返回按钮!   
这个问题怎么解决呢,大神
回复 支持 反对

使用道具 举报

7

主题

36

帖子

207

积分

中级会员

Rank: 3Rank: 3

积分
207
12#
发表于 2015-12-1 11:26:34 | 只看该作者
段逍遥 发表于 2015-11-27 14:19
您好,我像您这样弄,虽然三级页面好了!但是从三级页面,回到一级页面,也没有了底部tabs! 请问你是怎 ...

不会啊,我的3级界面还有
回复 支持 反对

使用道具 举报

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

本版积分规则

关闭

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

ionic4视频教程

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

GMT+8, 2025-1-5 08:09 , Processed in 0.056764 second(s), 34 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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