Question

我的问题如下。我添加了一个弹出页面，并将PopoverController添加到了应该打开它的页面。当我单击应该打开弹出窗口的按钮时，仅显示弹出窗口的箭头。内容未加载。同样在日志中，它不会显示“ ionViewDidLoad RaidUsersModalPage”。我检查了浏览器中的元素，并且popover-content div为空，如下所示。

<div class="popover-wrapper" style="opacity: 1;">
    <div class="popover-arrow" style="top: 209.1px; left: 88.25px;"></div>
    <div class="popover-content" style="top: 218.1px; left: 2px; transform-origin: left top 0px;">
        <div class="popover-viewport">
            <div nav-viewport=""></div>
        </div>
    </div>
</div>

我正在使用的功能如下：

presentRaidusersPopover(myEvent) {
    let popover = this.popoverCtrl.create(this.raidUsersModalPage);
    popover.present({
      ev: myEvent
    });
}

在HTML页面中，我打开的功能如下：

<ion-col col-6>             
    <button ion-button icon-start small color="light" (click)="presentRaidusersPopover($event)">
        <ion-icon name="people"></ion-icon>
    {{ qOptedIn }}
    </button>
</ion-col>

我想念什么吗？

Answer 1

由于@Suraj Rao，我发现了我的错误。我对此感到有点愚蠢。

我这样声明我的页面：

raidUsersModalPage: RaidUsersModalPage;

代替此：

raidUsersModalPage = RaidUsersModalPage;

奇怪的是我根本没有任何错误，但是现在运行良好！

弹出页面未加载Ionic 3

1 个答案: