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

你懂的

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

http://www.ionic.ren/2015/11/25/ ... %E5%BA%95%E9%83%A8/

你懂的

自己顶一下

aya327

亲测，能用。。

edgeto

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

edgeto

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

你懂的

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

必须能用  

yangguang111lll

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

尘往风中吹

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

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

尘往风中吹

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;

这个位置加了一个判断，如果是不是一级页面都是隐藏的

尘往风中吹

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'）｛

             ｝
这个位置加了一个判断，如果是不是一级页面都是隐藏的