加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

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

发布时间:2020-12-17 07:43:54 所属栏目:安全 来源:网络整理
导读:根据我的理解,两者都做同样的功能.但, 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不是两个不同
根据我的理解,两者都做同样的功能.但,

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读