Question

我有一个我在Ionic 3 App中用作模态的页面。而且我遇到的问题是，第一次调用它时，我可以看到按钮动画是如何结束的，而且模态还没有出现。

我第二次打电话，它来得非常快。

这是我的HTML（我

<ion-navbar color="primary">
    <button ion-button
            menuToggle>
        <ion-icon name="menu"></ion-icon>
    </button>
    <ion-title text-capitalize>{{ 'FEEDBACK' | translate }}</ion-title>
    <ion-buttons end>
        <button class="config-button"
                ion-button
                tappable
                (touchend)="openConfig()">
            <ion-icon name="md-more"></ion-icon>
        </button>
    </ion-buttons>

</ion-navbar>

和功能

openConfig() {
    let profileModal = this.modalCtrl.create('ConfigModalPage' , { userId: 8675309 });
    profileModal.present();
}

如果我删除了延迟加载行为，它会加载得更快，但第一次仍然感觉很迟钝。

如何加快这种模式？

Answer 1

在你的函数中，你没有使用延迟加载方法，因为你的模态控制器使用Component而不是字符串。

ConfigModalPage应该是字符串 - 'ConfigModalPage'。

为此，您的组件必须具有适当的模块配置。如果您可以共享这些文件，我可以提供帮助。

旁注 - 你为什么要使用touchend事件作为按钮？

Ionic 3延迟加载模态/页面第一次出现需要太多时间

1 个答案: