Binding to ion-tabs


#1

Does anyone know how to bind to a property other than [rootParams] from the ion-tabs? I need to be able to add an input to the entire tab component and I keep seeing the following error:

Can't bind to 'clientx' since it isn't a known property of 'ion-tabs'

Here’s my view:

<ion-tabs class="tabs-basic" #myTabs id="myTabs" [clientx]="givenClient">
  <ion-tab tabTitle="Profile" [root]="profilePage" tabIcon="user-o" [rootParams]="clientParams" #profile></ion-tab>
  <ion-tab tabTitle="Weigh Ins" [root]="weighinsPage" tabIcon="scale-bathroom" [rootParams]="clientParams" #weighins></ion-tab>
  <ion-tab tabTitle="Finance" [root]="financePage" [tabBadge]="alerts.financial" tabBadgeStyle="danger" tabIcon="attach-money" [rootParams]="clientParams" #finance></ion-tab>
  <ion-tab tabTitle="Images" [root]="imagePage" [tabBadge]="alerts.images" tabBadgeStyle="danger" tabIcon="fa-image" [rootParams]="clientParams" #images></ion-tab>
</ion-tabs>

and I add clientx as an input in the component:

@Input() clientx: Observable<any>;

#2

You can’t do this. You could try wrapping the <ion-tabs> in a <my-component> that has this clientx input property, but you can’t bolt properties onto framework components.