ionic隐藏tabs方法

1.

<ion-tabs ng-class="{‘tabs-item-hide‘: $root.hideTabs}" class="tabs-icon-only">

<!-- tabs -->

</ion-tabs>

2.

在该控制器下加上.directive:

var module = angular.module(‘app.directives‘, []);
module.directive(‘hideTabs‘, function($rootScope) {
    return {
        restrict: ‘A‘,
        link: function(scope, element, attributes) {
            scope.$watch(attributes.hideTabs, function(value){
                $rootScope.hideTabs = value;
            });

            scope.$on(‘$destroy‘, function() {
                $rootScope.hideTabs = false;
            });
        }
    };
});

3.

在html页面中引用hide-tabs

<ion-view title="New Entry Form" hide-tabs>
    <!-- view content --></ion-tabs>
时间: 2024-10-13 14:19:44

ionic隐藏tabs方法的相关文章

在meteor中如何使用ionic组件tabs,及如何添加使用cordova plugin inappbrower

meteor框架的优点不言而喻,它大大减轻了App前后端开发的负担,今年5月又获得B轮2000万融资,代表了市场对它一个免费.开源开发框架的肯定.cordova的优点就是插件多,ionic的优点是UI漂亮并且性能是目前hybird框架中最好的,本文涉及到的技术为作者所用,简述meteor+cordova+ionic的整合方法. 1,创建项目 meteor create projectName cd [projectName] meteor add urigo:angular meteor add

Android开发之通过反射获取到Android隐藏的方法

在PackageManger中,有些方法被隐藏了,无法直接调用,需要使用反射来获取到该方法. 比如方法:getPackageSizeInfo(),通过这个方法可以获取到apk的CacheSize,CodeSize,DataSize等信息,但是该方法是隐藏的,@hide. 遇到这种情况,需要使用反射: 1 try { 2 //通过反射,获取到PackageManager隐藏的方法getPackageSizeInfo() 3 Method getPackageSizeInfo = PackageMa

黑链-最高明的站点隐藏链接方法

黑链也能够叫隐藏链.顾名思义,就是网页中没有显示的链接,而搜索引擎能够看到的链接,黑链长处在于短时间内能够迅速提高排名.黑链属于外部链接的一种,能够为该链接地址指向的站点添加PR值,通俗来说就是站点权重.这也是为什么有些SEOer喜欢买黑链的原因了.以下我们就谈一谈挂黑链的几种方法. 第一种 CSS.DIV隐藏链接代码 黑链代码1.<div style="position: absolute; top: -999px; left: -999px;"> <a href=

【面向对象】变量的隐藏,方法的重…(转载)

[面向对象]变量的隐藏,方法的重- 1  变量的隐藏和方法的重写(覆盖) 1)变量的隐藏:子类定义的属性的名字跟从父类中继承过来的属性名字一致,子类新定义的属性会覆盖从父类中继承来的属性. eg: class Person{ String name = "关羽"; } class Boss extends Person{ String name = "关羽"; --被子类定义同名的属性给覆盖了 String name = "刘备"; } main

placeholder和json两种实现登录隐藏的方法

<head> <title> placeholder和json两种实现登录隐藏的方法 </title> <script type="text/javascript"> //判断浏览器是否支持 placeholder属性 function isPlaceholder() { var input = document.createElement('input'); return 'placeholder' in input; } if (!i

CSS3--3种隐藏元素方法的区别

目录 CSS3--3种隐藏元素方法的区别 display: none visibility: hidden opacity: 0 CSS3--3种隐藏元素方法的区别 display: none DOM结构: 浏览器不会渲染display:none 的元素, 并且不占据页面空间 事件监听: 无法对元素进行事件监听 继承: 不会被子元素继承(子元素设置display: block 不会显示) 改动: 改动属性值会引起页面的重排和重绘 过渡: 无法设置过渡效果 transition: display无

关于CSS中隐藏内容方法的思考

正在读<精通CSS>,很多样式需要用到内容隐藏,比如平时无内容,鼠标悬停时显示出内容.书中常用的方法是用text-indent:-1000em.margin-left:-1000em将元素隐藏到屏幕边缘之外,而display:none和visibility:hidden.overflow:hidden也可以做到隐藏,那么这几种用法有哪些利弊呢? 1.display:none; 搜索引擎可能认为被隐藏的元素属于垃圾信息而忽略,不利于SEO:屏幕阅读器会忽略被隐藏的元素. 2.visibility

iOS开发隐藏键盘方法总结

iOS开发里键盘是经常需要打交道的地方,下面为大家带来我整理总结的几种隐藏键盘的方法. 一.隐藏自身软键盘 当对于有多个UITextField控件都想通过点击“Return”来隐藏自身软键盘的情况,这时的最好办法是使用Did End on Exit事件.在点击软键盘右下角的“Return”按钮后,会触发该事件.该事件有一个sender参数表示当前文本框,这样便可以编写一个通用的事件处理方法(.m文件). - (IBAction)TextField_DidEndOnExit:(id)sender 

基于jquery封装通用的控制显示隐藏的方法

应用场景 在项目中会存在大量这样的需求: 1.选择不同的radio单选框,页面上的部分内容随之显示隐藏 2.选择不同的option下拉框内容,页面上的部分内容随之显示隐藏 如果每次遇到这类需求都单独写方法,不光费时间,还会让我们的代码显得异常冗余,因此我们写个通用方法! 附上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <tit