离子3懒洋洋的模态/页面首次出现花费太多时间

Question

我有一个我用作离子3应用中模态的页面。而且我有一个问题是我第一次称呼它时我可以看到按钮动画的结尾，但仍未出现模式。

我第二次称呼它，它确实很快。

这是我的html（i

<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

在您的功能中，您没有使用懒惰加载方法，因为您的模态控制器将组件而不是字符串。

configmodalpage应该是字符串 - 'configmodalPage'。

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

旁注 - 为什么要为按钮使用触摸端事件？