Angular -如何在NgFor中创建动态模板变量

<ng-container *ngFor="let item of items; let i = index">
  <ng-template #dynamicTemplate>
    <div #dynamicVar>{{ item }}</div>
  </ng-template>
</ng-container>

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

@Component({
  selector: 'app-example',
  template: `
    <ng-container *ngFor="let item of items; let i = index">
      <ng-template #dynamicTemplate>
        <div #dynamicVar>{{ item }}</div>
      </ng-template>
    </ng-container>
  `
})
export class ExampleComponent {
  @ViewChild('dynamicTemplate', { read: TemplateRef }) dynamicTemplate: TemplateRef<any>;
  @ViewChild('dynamicVar') dynamicVar: ElementRef;

  items = ['Item 1', 'Item 2', 'Item 3'];

  ngAfterViewInit() {
    console.log(this.dynamicTemplate); // 输出动态模板的引用
    console.log(this.dynamicVar); // 输出动态模板变量的引用
  }
}