如何在Angular2中设置动态#id(*ngFor)并从中获取取值？

<div *ngFor="let item of items; let i = index" [attr.id]="'item-' + i">
  {{ item }}
</div>

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

@Component({
  selector: 'app-example',
  template: `
    <div *ngFor="let item of items; let i = index" [attr.id]="'item-' + i">
      {{ item }}
    </div>
  `
})
export class ExampleComponent {
  @ViewChild('item-0') item0: ElementRef;
  @ViewChild('item-1') item1: ElementRef;
  // 可以根据需要继续定义其他的ViewChild

  items = ['item1', 'item2', 'item3'];

  ngAfterViewInit() {
    console.log(this.item0.nativeElement.textContent); // 输出：item1
    console.log(this.item1.nativeElement.textContent); // 输出：item2
    // 可以根据需要继续获取其他的动态#id的值
  }
}