div元素内的离子显示Webview

Question

我的离子应用程序中有选项卡或更确切地说是细分，例如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>

.ts代码：

ionViewDidLoad(){
  openWebPage();
}

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

但是相反，它会将整个网页加载到选项卡的顶部（作为页面），如何在div元素内维护Web视图