你懂的 发表于 2015-8-25 17:20:29

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 = ' ';            })
      }
    }
}   

cswisodmliu 发表于 2015-12-1 16:11:29

http://www.ionic.ren/2015/11/25/ionic%E5%AE%9E%E7%94%A8%E5%8A%9F%E8%83%BD%E4%B8%80-%E9%9A%90%E8%97%8Ftabs%E5%BA%95%E9%83%A8/

你懂的 发表于 2015-8-26 15:45:08

自己顶一下 {:4_86:}

aya327 发表于 2015-8-26 18:00:37

亲测，能用。。

edgeto 发表于 2015-9-10 10:37:12

按照例子弄了，还不行，不知道是不是还有什么地方没有设置好

edgeto 发表于 2015-9-10 10:51:37

不好意思，现在调好了，多谢

你懂的 发表于 2015-9-19 10:09:40

edgeto 发表于 2015-9-10 10:51
不好意思，现在调好了，多谢

必须能用{:4_86:}

yangguang111lll 发表于 2015-10-22 17:44:55

三级页面隐藏不了啊？ 不能用

尘往风中吹 发表于 2015-11-13 17:52:39

yangguang111lll 发表于 2015-10-22 17:44
三级页面隐藏不了啊？ 不能用

我的也隐藏不了，现在你的能隐藏了么？

尘往风中吹 发表于 2015-11-13 17:59:11

yangguang111lll 发表于 2015-10-22 17:44
三级页面隐藏不了啊？ 不能用

我能了，就是在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:09

yangguang111lll 发表于 2015-10-22 17:44
三级页面隐藏不了啊？ 不能用

我能了，就是在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'）｛

             ｝
这个位置加了一个判断，如果是不是一级页面都是隐藏的
页: [1] 2
查看完整版本: ionic中隐藏tabs(tabs-item-hide)_ionic新闻详情隐藏底部菜单