Javascript 什么是<；角度2中的模板*NGF？

我想这样做：

<div *ngFor="let parent of parents">
    <div *ngFor="let child of parent.children">
    </div>
</div>

但我不想要那个额外的外部div。根据我在Angular 1中找到的搜索结果，我可以通过这样做来实现：

<template *ngFor="let parent of parents">
    <div *ngFor="let child of parent.children">
    </div>
</template>

---

但这在Angular 2中似乎不起作用。正确的方法是什么？

我认为这应该适合您：

<ng-template ngFor let-parent [ngForOf]="parents">
   <div *ngFor="let child of parent.children">
   </div>
</ng-template>

您可以在此处阅读更多内容：

您现在还可以使用：

<ng-container *ngFor="let parent of parents">
   <div *ngFor="let child of parent.children">
   </div>
</ng-container>

---

这里的优点是它的语法与普通dom元素相同。

对于索引使用

let-i=“index”

：

（{{i}}）{{hero.name}

详情如下：

的行为类似于

标记（未添加到DOM），但允许使用更方便的

*foo

结构化指令语法：

<ng-container *ngFor="let parent of parents">
    <div *ngFor="let child of parent.children">
    </div>
</ng-container>

---

有关

NgFor

的更多详细信息，请参见

参见如何使用上述语法获取索引（

let i=index

）的语法部分？在Angular 4.x中，它是

ng模板

HGB，要获取索引，只需添加let-i=“index”，如下所示：

<ng-container *ngFor="let parent of parents">
    <div *ngFor="let child of parent.children">
    </div>
</ng-container>