PhoneGap中文网
标题: ionic中隐藏tabs(tabs-item-hide)_ionic新闻详情隐藏底部菜单 [打印本页]
作者: 你懂的 时间: 2015-8-25 17:20
标题: ionic中隐藏tabs(tabs-item-hide)_ionic新闻详情隐藏底部菜单
本帖最后由 测试一把 于 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 = ' ';
})
}
}
}
作者: 你懂的 时间: 2015-8-26 15:45
自己顶一下 .gif)
作者: aya327 时间: 2015-8-26 18:00
亲测，能用。。
作者: edgeto 时间: 2015-9-10 10:37
按照例子弄了，还不行，不知道是不是还有什么地方没有设置好
作者: edgeto 时间: 2015-9-10 10:51
不好意思，现在调好了，多谢
作者: 你懂的 时间: 2015-9-19 10:09
必须能用
作者: yangguang111lll 时间: 2015-10-22 17:44
三级页面隐藏不了啊？ 不能用
作者: 尘往风中吹 时间: 2015-11-13 17:52
我的也隐藏不了，现在你的能隐藏了么？
作者: 尘往风中吹 时间: 2015-11-13 17:59
我能了，就是在app.js里面的
.directive('hideTabs', function ($rootScope,$location) {
return {
restrict: 'AE',
link: function (scope, element, attributes) {
scope.$on('$ionicView.beforeEnter', function () {
scope.$watch(attributes.hideTabs, function (value) {
$rootScope.hideTabs = value;
这个位置加了一个判断，如果是不是一级页面都是隐藏的
作者: 尘往风中吹 时间: 2015-11-13 18:00
我能了，就是在app.js里面的
.directive('hideTabs', function ($rootScope,$location) {
return {
restrict: 'AE',
link: function (scope, element, attributes) {
scope.$on('$ionicView.beforeEnter', function () {
scope.$watch(attributes.hideTabs, function (value) {
$rootScope.hideTabs = value;
if ($location.path() == '/main_tab/mian'||$location.path() == '/main_tab/mian'）｛
｝
这个位置加了一个判断，如果是不是一级页面都是隐藏的
作者: 段逍遥 时间: 2015-11-27 14:19
您好，我像您这样弄，虽然三级页面好了！但是从三级页面，回到一级页面，也没有了底部tabs！ 请问你是怎么解决的
作者: 尘往风中吹 时间: 2015-12-1 11:26
不会啊，我的3级界面还有
作者: cswisodmliu 时间: 2015-12-1 16:11
http://www.ionic.ren/2015/11/25/ ... %E5%BA%95%E9%83%A8/
作者: 段逍遥 时间: 2015-12-2 14:36
谢谢，我现在弄好了，嘿嘿！
能问您另一个问题么？ 一个view：A，为了从tabs跳转到其中有返回按钮，设置views为tabs其中的一个tab的view； 但是其他的tab跳转到view：A还是没有返回按钮！
这个问题怎么解决呢，大神
作者: 尘往风中吹 时间: 2015-12-4 13:10
我把index.html里面的head给去掉了，然后在每个view 自己写了个head 然后想跳哪里跳那里
作者: 段逍遥 时间: 2015-12-4 14:17
好的，看来只有这样做了。。。
作者: unclejoker 时间: 2016-4-21 19:44
你好 代码部分能写全吗？我也遇到这个问题了。。。。
作者: unclejoker 时间: 2016-4-21 19:45
你好 ，代码部分能写全吗？我也遇到这个问题了。。。。
作者: hnny09 时间: 2016-6-29 14:17
返回首页会出现tab 盖住内容的问题，是如何解决的？
作者: jxj_cz 时间: 2016-11-22 14:47
从隐藏tab的页面返回到有tab的页面的时候，tab会闪现出来。有没有什么方法可以让它不闪现，或者是加一个类似fade-in-up这种效果么？
| 欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/) |
Powered by Discuz! X3.2 |