[转]ionic tab view hide tab bar

http://stackoverflow.com/questions/23991852/how-do-i-hide-the-tabs-in-ionic-framework

////// tabs.html
<ion-tabs ng-class="{‘tabs-item-hide‘: hideTabs}">
    // --> your tabs here
</ion-tabs>

////// somewhere_you_wanna_hide_tabbar.html
<ion-view hide-tabs>
  // --> your contents
</ion-view>

////// directives.js
.directive(‘hideTabs‘, function($rootScope) {
    return {
        restrict: ‘A‘,
        link: function($scope, $el) {
            $rootScope.hideTabs = true;
            $scope.$on(‘$destroy‘, function() {
                $rootScope.hideTabs = false;
            });
        }
    };
});

I hope this helps you guys :)

时间: 2024-10-17 03:08:15

[转]ionic tab view hide tab bar的相关文章

低版本系统兼容的ActionBar(四)添加Tab+添加自定义的Tab视图

在ActionBar中添加Tab是很有用的技巧.在support V7库的支持下,我们几乎可以用和之前一样的方式来添加Tab,对于Tab来说,我们可以和MenuItem一样,给他定义自己的视图.我这里定义了个进度条,主要是来说明这个问题.本系列的博文也将接近尾声了,后面就是个定义ActionBar样式和一个仿照微信的实例,顺便讲解下Fragment和ViewPager的用法. activity_main.xml(定义了一个Fragment) <RelativeLayout xmlns:andro

[工作积累] Android: Hide Navigation bar 隐藏导航条

https://developer.android.com/training/system-ui/navigation.html 1 View decorView = getWindow().getDecorView(); 2 // Hide both the navigation bar and the status bar. 3 // SYSTEM_UI_FLAG_FULLSCREEN is only available on Android 4.1 and higher, but as 4

12.1 Tab菜单与Tab面板简介

这里所说的高级网页组件是指一些网页上的比较复杂的用户界面,例如Tab面板.伸缩面板和折叠面板等组件. Tab风格的面板一直受到广大周站制作者的青昧.Tab面板有时被称为“选项卡”面板,使用鼠标点击各个Tab选项卡就可以在不同页之间切换. 随处可见各式各样的Tab菜单,网易网站首页上可以看到的Tab面板,网址是http://www.163.com. 微软网站上的Tab菜单,网址是http://office.microsoft.com. 网页学习网http://www.lodidance.com首页

ionic不同view跳转到同一个

ionic不同view跳转到同一个 view并保留历史的路由设计 上代码:state 里面新加一个状态 .state("other", { url: "/other", abstract: true, controller: "OtherCtrl", template: "<ion-nav-view></ion-nav-view>", onEnter: function($rootScope, from

iOS开发UI篇— View controller-based status bar appearance

info.plist文件中,View controller-based status bar appearance项设为YES,则View controller对status bar的设置优先级高于application的设置.为NO则以application的设置为准,view controller的prefersStatusBarHidden方法无效,是根本不会被调用的. 一.如果View controller-based status bar appearance 设为YES. 这时 vi

ionic 嵌套view 的方法

我一直想在一个页面的同一个 DIV 里面嵌入一个不同的 HTML文件  ....但是总是没有达到我要的效果.....才发现原来我没有加一个 name 我用angular-ui 插件 里面的样式  总是没有跳转.... 1 <div ui-view></div> 2 <!-- We'll also add some navigation: --> 3 <a ui-sref="state1">State 1</a> 4 <a

tab功能菜单——利用tab切换不同的div

需求:在web界面上实现类型tab页签的效果 aspx界面代码: <div class="tab1" id="tab1"> <div class="menu"> <ul> <li id="one1" onclick="setTab('one',1)">充值</li> <li id="one2" onclick="

tab功能菜单——使用tab之间不同的交换机div

需求:在web实现类型的接口tab标签效应 watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvem91eXVqaWUxMTI3/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" > aspx界面代码: <div class="tab1" id="tab1"> <div class="men

ionic 不同view的數據交互

angular中通過service factory 等服務來對不同的控制器進行數據交互 ,ionic 也一樣... 1 var app = angular.module('ionicApp', ['ionic']) 2 3 app.service('TodosService', function($q) { 4 return { 5 todos: [ 6 { 7 id: '1', 8 name: 'Pick up apples', 9 done: false 10 }, 11 { 12 id: