Ionic 5 Angular Tabs static display

Ionic Framework Ionic Angular
1

Hoping to get some eyes on my SO question

With the ion-tab element replaced by ion-tab-bar & Angular Routing (as documented in the breaking changes) - is there another way of displaying “static tabs”?

The routing/lazy loading is great for certain scenarios, but not when I want to share my object between tabs.
The Usage Docs for JavaScript still show the usage of ion-tab , which would work perfectly for me. Something like this:

<ion-tabs>

  <ion-tab tab="tab-schedule">
    Static content {{foo.schedule}}
  </ion-tab>

  <ion-tab tab="tab-speaker">
    Static content {{foo.speaker}}
  </ion-tab>

  <ion-tab-bar slot="bottom">
    <ion-tab-button tab="tab-schedule">
      <ion-label>Schedule</ion-label>
    </ion-tab-button>

    <ion-tab-button tab="tab-speaker">
      <ion-label>Speakers</ion-label>
    </ion-tab-button>
  </ion-tab-bar>

</ion-tabs>

Is there another way I can accomplish this behaviour in Ionic 5 Angular?

1 Like
2

AFAIK your only option is to use ion-segment, but it’s pretty simple.