如何在Angular 7中为每个for..loop元素创建不同引用

在Angular 7中，可以使用ngFor指令来循环遍历一个数组或对象，并为每个循环元素创建不同的引用。以下是实现这一目标的步骤：

1. 首先，在组件的模板文件中，使用ngFor指令来循环遍历一个数组或对象。例如，假设我们有一个名为items的数组，可以这样使用ngFor指令：

<div *ngFor="let item of items; let i = index">
  <!-- 在这里放置循环元素的内容 -->
</div>

1. 接下来，为每个循环元素创建不同的引用，可以使用ngTemplateOutlet指令和ngTemplateContext指令。首先，在模板文件中定义一个模板，并使用ngTemplateOutletContext指令将当前循环元素绑定到模板上下文中。例如：

<ng-template #itemTemplate let-item>
  <!-- 在这里放置循环元素的内容 -->
</ng-template>

1. 然后，在ngFor指令中使用ngTemplateOutlet指令来引用上面定义的模板，并使用ngTemplateOutletContext指令将当前循环元素传递给模板。例如：

<div *ngFor="let item of items; let i = index">
  <ng-container *ngTemplateOutlet="itemTemplate; context: { $implicit: item }"></ng-container>
</div>

在上面的代码中，我们使用ng-container元素来包裹ngTemplateOutlet指令，以确保不会在DOM中创建额外的元素。

通过以上步骤，我们就可以在Angular 7中为每个for..loop元素创建不同的引用。这种方法可以用于在循环中创建动态组件、动态样式等场景。

对于Angular 7的更多信息和示例，请参考腾讯云的Angular 7开发文档：Angular 7开发文档