ionic中隐藏tabs(tabs-item-hide)(首页显示tab,其他页面不显示)
来源:互联网 发布:python二分法解方程 编辑:程序博客网 时间:2024/05/21 11:01
我之前看到之前的同志用指令.directive连接ionic封装了“ 'tabs-item-hide'”这个类(属性),灰常受用,但是在我做项目的时候,用原来的代码,路由去到另外一个页面,tab会弹出来($scope.$on('$destroy',function(){ $rootScope.hideTabs = ' '; }) 这个方法在作怪),但是去掉这个方法后,发现全部页面都已经没有tab了,实际上我相信绝大部分的APP的首页都是需要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 = ' ';
})
}
}
}
二.修改后代码:
1.tabs页面
<ion-tabs class="tabs-icon-top tabs-positie {{hideTabs}}{{showTabs}}>
tab1
tab2
.....
</ion-tabs>
2.跳转后页面各种views
//需要隐藏的view
<ion-view hide-tabs>
..
</ion-view>
//需要显示的主页的view
<ion-view show-tabs>
..
</ion-view>
3. 指令
var app = angular.module("uniApp", ["ionic"]);
app.directive('hideTabs',function($rootScope){
return {
restrict:'AE',
link:function($scope){
$rootScope.hideTabs = 'tabs-item-hide';
//删除这里
/*$scope.$on('$destroy',function(){
$rootScope.hideTabs = ' ';
})*/
}
})
//定义显示tab的showTabs指令
.directive("showTabs", function($rootScope) {
return {
restrict: 'AE',
link: function($scope) {
$rootScope.hideTabs = '';
}
}
})
- ionic中隐藏tabs(tabs-item-hide)(首页显示tab,其他页面不显示)
- ionic中隐藏tabs(tabs-item-hide)
- easyUI tabs 显示与隐藏 tab 页
- easyUI tabs 显示与隐藏 tab 页
- ionic 隐藏ion-tabs底部导航 hide-tabs
- ionic 隐藏ion-tabs底部导航 hide-tabs
- ionic开发中页面跳转隐藏ion-tabs
- ionic 三级页面tabs隐藏的写法
- ionic隐藏tabs方法
- ionic隐藏tabs(hideTabs)
- ionic tabs Android显示在顶部处理
- ionic tabs Android显示在顶部处理
- Easyui tabs update 内容不显示
- easyui中tabs的单tab点击切换其他页面借用update方法
- ionic2 子页面隐藏去掉底部tabs导航,子页面全占满显示方法
- ionic安卓默认的tabs修改为底部显示
- jquery easyui 在子tab页中打开新tab页(关于easyUI在子页面增加显示tabs的一个问题)
- jquery easyui 在子tab页中打开新tab页(关于easyUI在子页面增加显示tabs的一个问题)
- [精华] Unix的环境变量
- Silverlight请求Webservice出错问题解决
- 常用SQL语句
- Silverlight渐变样式
- 数据字典项设计实现方案
- ionic中隐藏tabs(tabs-item-hide)(首页显示tab,其他页面不显示)
- Silverlight画立体矩形
- IOS 学习 打开数据库的方法
- 由于以前的函数求值超时,函数求值…
- HTTP 请求已超过分配的超时。为此…
- Silverlight -Cookie存储登录信息
- Silverlight重新登录,重新刷新页面
- C#保留两位小数
- DataTable数据导入Excel