Notice: The Monaca & Onsen UI Community Forum is shutting down.
For Onsen UI bug reports, feature requests and questions, please use the Onsen UI GitHub issues page. For help with Monaca, please contact Monaca Support Team.
Thank you to all our community for your contributions to the forum. We look forward to hearing from you in the new communication channels.
ons-tabbar
-
A component to display a tab bar on the bottom of a page. Used with
<ons-tab>
to manage pages using tabs.Click here to see the original article
-
Why does switching the tabs for the TabBar example not work? Is the bar disabled somehow or…?
-
@shivavelingker That’s a bug in the example. It will need to be updated for Angular 2. The example for Vanilla functions though: https://onsen.io/v2/docs/js/ons-tabbar.html
-
@shivavelingker: To make it works you should remove lines 76,77,81 and left only this code in AppComponent’s template:
<ons-tabbar>
<ons-tab label=“Page1” icon=“ion-home” [page]=“tab1” active></ons-tab>
<ons-tab label=“Page2” icon=“ion-ios-browsers” [page]=“tab2”></ons-tab>
<ons-tab label=“Page3” icon=“ion-ios-search” [page]=“tab3”></ons-tab>
</ons-tabbar>
-
@jced-artem There was an issue with the class name, it was renamed from
tab-bar
totabbar
in recent updates.