您的位置:首页 > 其它

ionic tabs隐藏完美解决

2015-12-16 17:20 435 查看
开发app过程中需要进行子页面tabs隐藏,网上找了N多方案,度娘出来的都是写指令,

但是测试中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...
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: