How to Hide Specific Ionic Tabs in Angular? It turns out ionic does not support this functionality by default although I think it should, but luckily it’s not that complicated.
Here are the 3 simple steps:
1. In your tabs.html add this ng-class
<ion-tabs ng-class="{'tabs-item-hide': hideTabs}">
</ion-tabs>
2. Add ‘hide-tabs’ in your views where you want to hide the tabs
<ion-view hide-tabs>
</ion-view>
3. In your app.js add the directive to hide tabs
.directive('hideTabs', function($rootScope) {
return {
restrict: 'A',
link: function($scope, $el) {
$rootScope.hideTabs = true;
$scope.$on('$destroy', function() {
$rootScope.hideTabs = false;
});
}
};
})
The hide-tabs directive will hide the tab on whichever ion-view you set it to.
