angular2中的*in*ngFor是什么意思？

以下示例中ngFor之前的*的含义是什么？为什么需要它

<div *ngFor="#hero of heroes" (click)="selectHero(hero)">
  {{hero.name}}
</div>

{{hero.name}

ngFor

只能应用于

*ngFor

是可以应用于任何元素的缩写形式，

元素是在场景后面隐式创建的

语法

• …

• …

• ..

对所有人来说都是一样的

更新

随着2.0.0最终版本

的推出，它的行为类似于

（一个实际上没有添加到DOM中的包装器元素），但支持

*ngFor=“…”

语法

当我们查看

NgFor

和

NgIf

内置指令时，我们发出 奇怪的语法：出现在 指令名

*

是一种语法上的糖分，使它更容易阅读和理解 在模板的帮助下编写修改HTML布局的指令。

NgFor

、

NgIf

和

NgSwitch

都添加和删除 包装在

标签中

有关更多详细信息，请查看

*ngFor有四个属性：索引、最后一个、偶数和奇数。我们可以使用局部变量获得每次迭代的索引值、最后一个值、奇数或偶数索引本身。以下是一个工作示例：

demoArray= [1,2,3,4,5,6,7,8,8,9];
<ul>
  <li *ngFor='#item of demoArray #i=index #l=last #e=even'>
    Item value is : {{item}} has index value is : {{i}} and last value is :{{l}} even index :{{e}}</li>
</ul>

demoArray=[1,2,3,4,5,6,7,8,8,9]；


项值为：{{Item}}具有索引值为：{{i}，最后一个值为：{{l}}偶数索引：{{e}

当Angular在ngFor中看到星号（*）时，它将使用其DOM元素作为模板来渲染循环

<div *ngFor="#hero of heroes">
  {{ hero.name }}
</div>

{{hero.name}

相当于

<template ngFor #hero [ngForOf]="heroes">
    <div>
       {{ hero.name }}
    </div>
</template>

{{hero.name}

它们被称为结构指令，因为它们能够更改DOM结构。 有关更多信息，请访问

---

.

在

*ngFor

中，*是将新的angular template语法与模板标记一起使用的缩写，也称为structural Directive。知道*只是在模板标记上显式定义数据绑定的缩写是很有帮助的。

ngFor的angular link是Dead。我只在电话上。您可以在API文档中搜索

ngfor

，以获得正确的link@GünterZöchbauer，通过指定星号，我本质上是说angular应该创建一个

模板

元素，对吗？是的，这基本上就是

*

的意思。如果它是最新的语法，我会喜欢这个答案