根据我的理解,两者都做同样的功能.但,
ngFor将像collections一样工作?
> ngForOf将像generics一样工作?
Is my understanding is correct? or
Could you please share the more difference’s(details) aboutngFor
andngForOf
?
ngFor和ngForOf不是两个不同的东西 – 它们实际上是NgForOf指令的选择器.
如果您检查了source,您会看到NgForOf指令具有选择器:[ngFor] [ngForOf],这意味着这两个属性都需要存在于元素上,以使该指令“激活”.
当您使用* ngFor时,Angular编译器将该语法转换成其炮弹形式,该元素具有两个属性.
所以,
<div *ngFor="let item of items"></div>
绝食:
<template> <div [ngFor]="let item of items"></div> </template>
这个第一个脱糖是由于’*’.下一个解糖是因为微语法:“让项目项”. Angular编译器去糖:
<div ngFor let-item="$implicit" [ngForOf]="items"> </div>
(您可以将$implicit视为内部变量,该指令用于引用迭代中的当前项).
在其规范形式中,ngFor属性只是一个标记,而ngForOf属性实际上是指向要指向要迭代的事物列表的指令的输入.
您可以查看Angular microsyntax guide了解更多信息.