ionic开发中页面跳转隐藏底部Ttab

1.在ion-tabs后添加

  <ion-tabs class="tabs-icon-top tabs-balanced" ng-class="{'tabs-item-hide':$root.hideTabs}">

2.在app.js中添加

.directive('showTabs', function ($rootScope) {return {restrict: 'A',link: function ($scope, $el) {$rootScope.hideTabs = false;}};
})
.directive('hideTabs', function ($rootScope) {return {restrict: 'A',link: function ($scope, $el) {$rootScope.hideTabs = true;}};
})

3.隐藏，在设备需要隐藏的页面中的ion-view后添加

<ion-view view-title="demo" hide-tabs>

4.在母控制中添加 $rootScope

angular.module('starter')
.controller('DashCtrl', function($scope, $state, $http, $ionicPopup, AuthService,$rootScope) {
//    显示控制器$scope.$on('$ionicView.enter',function(){$rootScope.hideTabs=false;})$scope.logout = function() {AuthService.logout();$state.go('login');};});

转载于:https://www.cnblogs.com/zry2510/p/6149116.html

ionic开发中页面跳转隐藏底部Ttab相关推荐

java 新窗口跳转页面_Java web开发中页面跳转小技巧——跳转后新页面在新窗口打开...
最近学习Java web,在学习过程中想实现一个需求,就是在jsp页面跳转的时候,希望跳转后的新页面在新窗口中打开, 而不是覆盖原来的页面,这个需求使我困惑了好长时间,后来通过大海捞针似的在网上寻找方 ...
后端直接跳转前端页面_WEB前端开发中页面跳转等待时间过长如何解决？
作为一个初学前端的小白,我遇到了这个令我疑惑的问题. 项目使用webpack打包并且用webpack-dev-server测试. 在我完成登录功能后发现浏览器在工作中有"偷懒"的嫌 ...
SAP UI5 应用开发教程之八十二 - 采用 OPA5 开发支持页面跳转的 SAP UI5 集成测试用例试读版
一套适合 SAP UI5 初学者循序渐进的学习教程教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...
82. 采用 OPA5 开发支持页面跳转的 SAP UI5 集成测试用例
SAP UI5 应用开发教程之八十二 - 采用 OPA5 开发支持页面跳转的 SAP UI5 集成测试用例本教程的前一步骤,我们介绍了如何使用 OPA5 对一个包含表格控件的 SAP UI5 视图进 ...
.Net程序猿玩转Android开发---(11)页面跳转
在不论什么程序开发中,都会遇到页面之间跳转的情况,Android开发也不例外.这一节,我们来认识下Android项目中如何进行页面跳转.页面跳转分为有參数和无參数页面跳转,已经接受还有一个页面的返回值 ...
使用Flash制作IeBook中页面跳转的按钮
在IeBook中,如果是纯文字无特效按钮可以直接在IeBook中插入文字,并在属性栏中指定链接类型为页面跳转. 如果是swf格式的特效按钮,如果设置了链接值的话,鼠标经过滤镜特效会不起作用. 于是转换 ...
iphoneX系列手机在页面滚动时隐藏底部的操作栏
iphoneX系列手机底部都有一个(横杠)键,浏览器会在页面滚动时隐藏底部的操作栏,需求:底部导航栏出现 1.判断是iphonex设备的方法 function isIphoneX(){if(/ipho ...
微信小程序开发实战基础一、页面跳转，底部导航栏，分享，加载图片标签，列表
1.页面跳转 wx.navigateTo({ url: "../four/four" })--可返回 wx.redirectTo({ url: "../four/four ...
h5 移动开发 html页面跳转,iosh5混合开发项目仿app页面跳转优化
前言:本人原本是ios开发工程师,但由于现今H5的兴起,行内刮起了一阵混合开发的风气,趁着这股劲,我也学了前端开发,不说研究的多深,但也能胜任日常的开发工作.长话短说,现今的混合开发应该还处于摸索阶段 ...

ionic开发中页面跳转隐藏底部Ttab

ionic开发中页面跳转隐藏底部Ttab相关推荐

最新文章

热门文章