Ionic - *ngFor完成后的回调

import { Component, AfterViewInit } from '@angular/core';

@Component({
  selector: 'app-example',
  template: `
    <div *ngFor="let item of items">
      {{ item }}
    </div>
  `
})
export class ExampleComponent implements AfterViewInit {
  items: string[] = ['Item 1', 'Item 2', 'Item 3'];

  ngAfterViewInit() {
    // *ngFor完成后的回调操作
    console.log('ngFor completed');
  }
}

import { Component } from '@angular/core';

@Component({
  selector: 'app-example',
  template: `
    <div *ngFor="let item of items">
      {{ item }}
    </div>
  `
})
export class ExampleComponent {
  items: string[] = ['Item 1', 'Item 2', 'Item 3'];

  ngAfterViewInit() {
    this.doAsyncOperation().then(() => {
      // *ngFor完成后的回调操作
      console.log('ngFor completed');
    });
  }

  async doAsyncOperation() {
    // 异步操作
    await new Promise(resolve => setTimeout(resolve, 2000));
  }
}