如何在ionic 3中放置弹出框

时间:2019-03-12 09:51:23

标签: html css angular typescript ionic-framework

如何在离子3中放置弹出框

我使用以下代码在页面控制器中创建了弹出框

async openPopover(ev: Event) {
    const popover = await this.popoverController.create({
      component: ChatChannelOptionsPage,  
    });
    popover.present();
}

这是我用来在视图中调用弹出框的代码

<ion-icon (click)="openPopover($event)" class="itemIconLeftHeading" slot="start" expand="full" name="more"></ion-icon>

这是弹出视图本身的代码

<ion-content paading style="background-color:red;">

<ion-grid style="background-color:blue;">
    <ion-row>
      <ion-col>
          success
      </ion-col>
    </ion-row>
  </ion-grid>

我遇到的问题是,弹出框显示在屏幕中央,我该如何移动它。最好是在屏幕的左侧。

我试图移动身体以及视图本身的离子含量,但这没有用。

0 个答案:

没有答案