ionic tabs隐藏完美解决
2015-12-16 17:20
435 查看
开发app过程中需要进行子页面tabs隐藏,网上找了N多方案,度娘出来的都是写指令,
但是测试中bug明显,于是墙外谷歌。。终于找到完美的方法,如下
tabs.html
.controller('TabsCtrl', function($scope, $rootScope, $state) {
$rootScope.$on('$ionicView.beforeEnter', function() {
var statename = $state.current.name;
//tabs中存在的主页面不需要隐藏,hidetabs=false
if(statename ==='tabs.a'||statename ==='tabs.b'||statename ==='tabs.c'){
$rootScope.hideTabs = false;
}else{
$rootScope.hideTabs = true;
}
});
})
that's all...
但是测试中bug明显,于是墙外谷歌。。终于找到完美的方法,如下
tabs.html
<ion-tabs class=" " ng-controller="TabsCtrl" ng-class="{'tabs-item-hide': hideTabs}"> </ion-tabs>
controller里
.controller('TabsCtrl', function($scope, $rootScope, $state) {
$rootScope.$on('$ionicView.beforeEnter', function() {
var statename = $state.current.name;
//tabs中存在的主页面不需要隐藏,hidetabs=false
if(statename ==='tabs.a'||statename ==='tabs.b'||statename ==='tabs.c'){
$rootScope.hideTabs = false;
}else{
$rootScope.hideTabs = true;
}
});
})
that's all...
相关文章推荐
- 【dmp文件还原到oralce数据库】
- JSon解析
- AFNetwork 的用法详解
- Android应用开发:动画和Fragment
- unordered_map & map
- 筛选法求质数
- Appium_Python_Api文档
- 老李分享: Oracle Performance Tuning Overview 翻译 2
- 百通sdk接入广告
- 关于Scrollview怎么只让一个方向滚动的问题
- iOS之判断iPhone手机系统位数
- 利用Graphics类绘制微笑脸
- iOS每日一记之-----------常用小工具代码合集
- C#控制属性
- UI界面传值
- Android高效加载大图、多图解决方案,有效避免程序OOM
- 关于std:auto_ptr std:shared_ptr std:unique_ptr
- log
- 关于oc 开发上传图片 功能遇到的问题分享
- 老李分享: Oracle Performance Tuning Overview 翻译