Ionic 4 弹出框出现在屏幕外

Question

我在屏幕底部的按钮上有一个 Ionic 4 Popover。当我单击按钮打开弹出框时，它会出现在屏幕下方...

.html

<div class="TabBarItem" (click)="popover($event)">
  <label>Tab Item</label>
</div>

.ts

   function popover(ev) {

    this.popoverController
                .create({
                  component: PopoverComponent,
                  event: ev,
                  translucent: true,
                })
                .then(el => {
                  el.present();
                });
    }

结果...

有没有办法解决这个问题，或者手动重新定位它？

Answer 1

原来我所要做的就是将<ion-content> 添加到我的弹出框组件中。这解决了问题。