如何将父键传递给嵌套的*ngFor angular中的子键

在Angular中，可以通过使用嵌套的*ngFor指令来实现将父键传递给子键。具体的做法是在父键的循环中，使用ng-template标签来定义一个模板，并将父键的值绑定到一个变量上。然后，在子键的循环中，使用ng-container标签包裹需要传递的子键，并在其中使用[ngTemplateOutlet]属性来引用父键的模板，并将绑定的变量作为上下文进行传递。

以下是一个示例代码：

<ng-container *ngFor="let parentItem of parentItems">
  <div>{{ parentItem.name }}</div>
  <ng-container *ngFor="let childItem of parentItem.childItems">
    <div>{{ childItem.name }}</div>
    <ng-container [ngTemplateOutlet]="parentTemplate" [ngTemplateOutletContext]="{ parentItem: parentItem }"></ng-container>
  </ng-container>
</ng-container>

<ng-template #parentTemplate let-parentItem>
  <div>{{ parentItem.name }}'s template</div>
</ng-template>

在上面的代码中，我们首先使用*ngFor循环遍历父键parentItems，并将父键的name属性显示出来。然后，在子键的循环中，我们使用ng-container包裹子键，并在其中使用ngTemplateOutlet指令引用了父键的模板parentTemplate，并通过[ngTemplateOutletContext]属性将父键的值以上下文的形式传递给模板。这样，我们就可以在子键的循环中使用父键的值。

需要注意的是，上述代码中的parentItems和childItems分别代表父键和子键的数据源。你可以根据实际情况进行调整。

推荐的腾讯云产品：

1. 云服务器（CVM）：腾讯云提供的弹性云服务器实例，支持多种操作系统和应用场景，具备高性能、高可靠性和弹性扩展能力。详情请参考：云服务器
2. 云数据库 MySQL版（CMQ）：腾讯云提供的高性能、可扩展的云数据库服务，采用分布式架构，提供全面的安全和管理功能。详情请参考：云数据库 MySQL版
3. 腾讯云函数（SCF）：腾讯云提供的无服务器计算服务，可以让开发者无需搭建和管理服务器，仅通过编写函数代码即可实现业务逻辑。详情请参考：腾讯云函数

以上是我根据问题提供的内容所给出的答案，希望对你有帮助。如果你还有任何疑问，请随时提问。