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.