* in * ngFor在angle2中的含义是什么?

前端之家收集整理的这篇文章主要介绍了* in * ngFor在angle2中的含义是什么?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
以下样例中的* before ngFor的含义是什么,为什么需要?
<div *ngFor="#hero of heroes" (click)="selectHero(hero)">
  {{hero.name}}
</div>
ngFor只能应用于< template>. * ngFor是可以应用于任何元素的简短形式,< template>元素隐含地创建在场景后面.

https://angular.io/docs/ts/latest/api/common/index/NgFor-directive.html

Syntax

  • <li *ngFor="let item of items; let i = index">...</li>
  • <li template="ngFor let item of items; let i = index">...</li>
  • <template ngFor let-item [ngForOf]="items" let-i="index"><li>...</li>

所有structural directives的模式都是一样的

Plunker example

更新

使用2.0.0最终版本< ng-container>被引入,其行为类似于< template> (实际上并不添加到DOM中的包装元素),但支持* ngFor =“…”语法.

猜你在找的Angularjs相关文章