角度2中的[ngFor]和[ngForOf]之间有什么区别?

前端之家收集整理的这篇文章主要介绍了角度2中的[ngFor]和[ngForOf]之间有什么区别?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
根据我的理解,两者都做同样的功能.但,

ngFor将像collections一样工作?
> ngForOf将像generics一样工作?

Is my understanding is correct? or
Could you please share the more difference’s(details) about ngFor and ngForOf?

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了解更多信息.

猜你在找的Angularjs相关文章