Ionic framework 离子4加载，直到页面中的图像加载

我使用离子4，所以我需要一个加载器，直到页面完全加载。现在我正在使用loadingController，并在api恢复时关闭它，加载完成但图像仍在加载。我要一直装到装完为止

像ionic 3一样，ionViewDidLoad（）也可以工作

---

下面是我在Ionic文档中找到的答案，一个名为“ionImgWillLoad”的事件，但不知道如何使用它。

最接近IonicViewDidLoad的可能是IoninViewDidEnter。请参见下面的生命周期事件：

---

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

---

Ionic 4更多地依赖于角度生命周期挂钩，现在应该使用ngAfterViewInit挂钩而不是Ionic VIEWDIDLOAD

视图初始化意味着视图的布局和组件的呈现已经完成，但是图像异步加载仍然可以进行

Ionic 3中的Ionic ViewDidLoad也没有等待图像加载。要拥有这样一个“钩子”，需要定制实现

在typescript中，下面类似的内容可以实现此目的：

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()">

---

Ionic 4更多地依赖于角度生命周期挂钩，现在应该使用ngAfterViewInit挂钩而不是Ionic ViewDidLoad

视图初始化意味着视图的布局和组件的呈现已经完成，但是图像异步加载仍然可以进行

Ionic 3中的Ionic ViewDidLoad也没有等待图像加载。要拥有这样一个“钩子”，需要定制实现

在typescript中，下面类似的内容可以实现此目的：

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()">

但我的问题是在图像加载之前加载。。。我已经试过了。它不是那样工作的。。它可以加载到earlySo，没有现成的API或钩子可以提供这种功能（可以说图像何时完全加载到页面上）。您必须实现自己的自定义逻辑，并将其绑定到img元素的“load”事件。您的自定义函数确实有意义，但它不是工作文档。images.forEach（（image）=>{image.addEventListener（'load'，updateCounter）；}）；angular没有onload事件？或者任何类似的东西？请检查我更新的方法，应该在Angular工作，但我的问题是加载，直到图像加载。。。我已经试过了。它不是那样工作的。。它可以加载到earlySo，没有现成的API或钩子可以提供这种功能（可以说图像何时完全加载到页面上）。您必须实现自己的自定义逻辑，并将其绑定到img元素的“load”事件。您的自定义函数确实有意义，但它不是工作文档。images.forEach（（image）=>{image.addEventListener（'load'，updateCounter）；}）；angular没有onload事件？或者类似的东西？请检查我更新的方法应该在角度