Can some of code be outside ion-content in an ionic custom component ??
Here is an example :
<ion-content>
<ion-refresher (ionRefresh)="doRefresh($event)" (ionPull)="doPulling($event)">
<ion-refresher-content
pullingText="{{'PULL_TO_REFRESH'|translate}}"
refreshingText="{{'REFRESHING'|translate}}">
</ion-refresher-content>
</ion-refresher>
</ion-content>
<ion-segment [(ngModel)]="chx">
<ion-segment-button style="color: rgba(25,94,97,0.98)" value="most">
MOST TRUSTED
</ion-segment-button>
<ion-segment-button style="color: rgba(25,94,97,0.98)" value="recent">
LATEST
</ion-segment-button>
</ion-segment>
<div no-margin no-padding [ngSwitch]="chx">
<ion-list no-margin no-padding *ngSwitchCase="'most'">
....
</ion-list>
<ion-list no-margin no-padding *ngSwitchCase="'recent'">
.....
</ion-list>
</div>