Ionic4加载直到页面加载

Question

enter image description here我正在使用Ionic 4，因此需要加载程序，直到页面完全加载为止。现在我正在使用loadingController并在api res时关闭它，加载完成但图像仍在加载。我要加载直到所有加载完成。

像ionic 3 ionViewDidLoad（）一样有效 以下是我在Ionic文档中发现的名为 ionImgWillLoad 的事件，但不知道如何使用它的答案。

Answer 1

Ionic 4更依赖于Angular生命周期挂钩，现在应该使用ngAfterViewInit挂钩而不是ionViewDidLoad。

视图初始化表示视图的布局和组件渲染已完成，但是图像异步加载仍可继续进行。

Ionic 3中的

ionViewDidLoad也没有等待图像加载。要具有这样的“挂钩”，需要自定义实现。

在打字稿中，类似以下内容的方法可以解决问题：

counter: number;
maxImagesCount: number = document.images.length;

updateCounter() {
    this.counter++;
    if ( this.counter === this.maxImagesCount ) {
        console.log( 'All images loaded!' );
    }
}

在模板中，您可以将加载事件侦听器附加到图像模板：

<img src="url" (load)="updateCounter()">

Answer 2

最接近ionViewDidLoad的可能是ionViewDidEnter。请参阅以下生命周期事件：