ngFor和*ngFor的区别是什么？

Question

我在任何地方都找不到关于这些差异的很好的描述。*ngIf和ngIf也是如此

*ngFor的一个例子

<li *ngFor="let video of page" ...>
  <img src="api/Videos/{{video.id}}/thumbnail">
</li>

和一个ngFor的例子

<template ngFor let-labelid [ngForOf]="labelLookup | keyValueFilter" >
  <label  [ngStyle]="{'background-color': labelLookup[labelid].color}">
    <input (click)="changeLabel(labelid)" type="radio" name="labelSelector" value="{{ labelid }}" [checked]="labelid == 1">
  </label>
</template>

Answer 1

区别在于*ngFor在内部被转换为<template ngFor [ngForOf]="..."。

它们是等价的，但前者更便于编写。

显式版本(<template ngFor ...>)允许一次将指令应用于多个元素，而隐式版本(简写)只使用<template>标记包装应用于其中的元素。

对于角2.0.0最终，添加了<ng-container>元素，允许对行为类似于<template>元素(未添加到DOM)的元素使用简写语法。

另请参阅

• ngFor on same element causing error
• iteration?