离子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>添加到我的弹出框组件中。这解决了这个问题。