Can I use @Input and @Output on my tab pages?

@sadelbrid wrote:

I’m updating my app from v3 and I’m trying to figure out how to let me tab pages receive inputs and emit output values. I posted here asking if rootParams were still possible, but @rapropos suggested I transition to using @Input and @Output whenever possible for my views. I’ve since set my tabs up using Input/Output decorators. Now it’s time to use them in my tabbed page, but I don’t know where to set the inputs/outputs in the HTML. I’ve followed tutorials on tabs and here is what my tabbed page HTML looks like:

<ion-header>
  <!-- ... -->
</ion-header>

<ion-content has-bouncing="false">
    <ion-tabs (ionTabsWillChange) = 'tabChange($event)' #eventTabs >
      <ion-tab-bar slot="bottom">
        <ion-tab-button tab="elementGroupTab">
          <ion-label>Element Groups</ion-label>
        </ion-tab-button>
        <ion-tab-button tab="searchTab">
          <ion-label>Search Skills</ion-label>
        </ion-tab-button>
        <ion-tab-button tab="favoritesTab">
          <ion-label>Favorites</ion-label>
        </ion-tab-button>
      </ion-tab-bar>
    </ion-tabs>
</ion-content>

After reading about how to set inputs/outputs in the HTML, it doesn’t seem like there’s anywhere to put them for tabs. Where in my HTML should I be sending input values and setting output values for my tab pages?

Posts: 1

Participants: 1

Read full topic