This question relates, but does not do what i want to achieve:
So, in the documentation of the striped style tabs here:
I would like to use the TOP section for one of my tabbed pages (so other pages do not have this).
I do not want to use a buttonbar. However, it is entirely unclear how to achieve this.
Since the way to work with tabs is like this:
<ion-tabs class="tabs-icon-top tabs-positive"> <ion-tab title="Home" icon="ion-home" href="#/tab/home"> <ion-nav-view name="tab-home"></ion-nav-view> </ion-tab> ...more ion-tab 's </ion-tabs>
Where do we put the ion-nav-view in the striped style tabs?
<div class="tabs-striped tabs-top tabs-background-positive tabs-light"> <div class="tabs"> <a class="tab-item active" href="#/tab/shop/actions"> <i class="icon ion-home"></i> Test </a> <a class="tab-item" href="#/tab/shop/events"> <i class="icon ion-star"></i> Favorites </a> <a class="tab-item" href="#/tab/shop/about"> <i class="icon ion-gear-a"></i> Settings </a> </div> </div>
Actually, i can not find any documentation on proper subnavigation at all.
For example, if
is one main application tab, and that tab’s page has 3 subviews, what would the state be?
or should it just be:
The same goes for routing, should subview routes be nested or not? should a subview url be
For me it’s quite note clear how Ionic approaches this…
[edit 1] My problem for now is solved using a button bar, but this is not how i’d like to solve this.
[edit 2] I’ve found a codepen that illustrates what i want, so i think ican reverse engineer it. http://codepen.io/calendee/pen/LvxGr/ Still weird that this sort of trivial navigation stuff is not documented at all.
[edit 3] So it seems that states do need to be nested, but URL’s do not.