Hidden tab attribute for ion-tab elements

This will help people able to implement both side-menu and ion-tabs at once.

In the file: ** js / angular / directive / tab.js **

Change:

tabsCtrl.$tabsElement.append($compile(tabNavElement)($scope));

to

if ($attr.hidden !== 'true') { tabsCtrl.$tabsElement.append($compile(tabNavElement)($scope)); }

This allow a hidden=“true” attribute in the ion-tab element. It will hide the button but view/controller will continue to works as normal. We can access it by route or other mean like a normal tab.

I hope we can implement this if there are no problem 😃

[kyr0]

@MrFragStealer Your solution works, but isn’t very dynamic or programmatically controllable. I think, this Directive is cleaner:

TabHiddenDirective

[calendee]

See also : Issue #1163

This is a pretty common request. For example, I want the GUI to ALWAYS show the tab bar. However, I have a view that I don’t want accessible via the tab bar. Within the GUI, I want to be able to show that view.

A hidden tab allows me to :

• Always show the tab bar
• Hide content from the user
• Display that content when I want to & keep the tab bar visible at all times

The alternative of a different state outside the “tab.” means a navigation event happens, taking the user away from the tabs, and now, they have to use a back button to get back inside of just tapping a tab.

A few other examples of people requesting this:

• http://forum.ionicframework.com/t/tabs-additional-view/5818
• http://forum.ionicframework.com/t/hidden-tabs/1679
• many others, I just didn’t dig them up.