Some code outside the ion-content tag

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>