http://*.com/questions/23991852/how-do-i-hide-the-tabs-in-ionic-framework
////// tabs.html
<ion-tabs ng-class="{'tabs-item-hide': hideTabs}">
// --> your tabs here
</ion-tabs>
////// somewhere_you_wanna_hide_tabbar.html
<ion-view hide-tabs>
// --> your contents
</ion-view>
////// directives.js
.directive('hideTabs', function($rootScope) {
return {
restrict: 'A',
link: function($scope, $el) {
$rootScope.hideTabs = true;
$scope.$on('$destroy', function() {
$rootScope.hideTabs = false;
});
}
};
});
I hope this helps you guys :)