弹出页面未加载 Ionic 3答案

【问题标题】：Popover page not loading Ionic 3弹出页面未加载 Ionic 3
【发布时间】：2018-12-14 18:56:57
【问题描述】：

我的问题如下。我添加了一个弹出页面并将 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>

我错过了什么吗？

【问题讨论】：

你能提供一个关于stackblizz的例子吗？
this.raidUsersModalPage 是什么？
如下import { RaidUsersModalPage } from '../raid-users-modal/raid-users-modal'; export class RaidInfoPage { raidUsersModalPage: RaidUsersModalPage; }

标签： angular ionic-framework ionic3

【解决方案1】：

感谢@Suraj Rao，我发现了我的错误。我觉得这个有点傻。

我这样声明我的页面：

raidUsersModalPage: RaidUsersModalPage;

而不是这个：

raidUsersModalPage = RaidUsersModalPage;

奇怪的是我根本没有收到任何错误，但它现在工作得很好！

【讨论】：

你不会得到错误，因为第一个语法设置了类型。您只是将 undefined 传递给 popover