如何在Angular中访问由ngFor指令生成的多个元素？

<div *ngFor="let item of items" #item>
  {{ item }}
</div>

import { Component, QueryList, ElementRef, ViewChildren } from '@angular/core';

@Component({
  selector: 'app-example',
  template: `
    <div *ngFor="let item of items" #item>
      {{ item }}
    </div>
  `
})
export class ExampleComponent {
  @ViewChildren('item') items: QueryList<ElementRef>;

  ngAfterViewInit() {
    // 访问生成的元素
    this.items.forEach(item => {
      console.log(item.nativeElement);
    });
  }
}