Cordova Ionic display webview内置div元素

我的ionic应用程序中有标签，或者更确切地说是段，比如Facebook和Instagram，如果用户选择其中一个，它应该在该段下启动相应的站点

我的html：

    <ion-toolbar no-border-bottom>
        <ion-segment [(ngModel)]="trendingSection">
          <ion-segment-button value="facebook" 
    (ionSelect)="segmentChanged($event)">
            Facebook
          </ion-segment-button>
          <ion-segment-button value="instagram" 
    (ionSelect)="segmentChanged($event)">
            Instagram
          </ion-segment-button>
        </ion-segment>
      </ion-toolbar>

<div [ngSwitch]="trendingSection">
    <div *ngSwitchCase="'facebook'">
    </div>
    <div *ngSwitchCase="'twitter'">
    </div>

    <div [ngSwitch]="trendingSection">
        <div *ngSwitchCase="'facebook'">
          <!--show facebook page here -->
        </div>
        <div *ngSwitchCase="'instagram'">
          <!--show instagram page here -->
        </div>
    </div>

但是它将整个网页加载到选项卡的顶部（作为一个页面），如何在div元素中维护webview

ionViewDidLoad(){
  openWebPage();
}

 openWebPage() {
const options: InAppBrowserOptions = {
  zoom: "no"
};