Angular如何处理ngForOf中$implicit的绑定?
创始人
2024-10-29 06:30:21
0

在Angular中,ngForOf指令可以循环遍历一个数组或对象并渲染相应的模板。在每个循环中,Angular会绑定一个本地变量$implicit来表示当前的循环项。

例如,如果我们有一个人员名单的数组,我们可以通过以下方式展示每个人的名字:

  • {{ i + 1 }}. {{ person.name }}

在上述代码中,我们使用了*ngFor指令来循环遍历people数组,并使用$implicit变量绑定当前的循环项person。因此,我们可以在模板内直接使用person属性来访问每个人的名字。

Angular也允许我们自定义本地变量的名称,可以使用as关键字来指定。例如:

  • {{ idx + 1 }}. {{ myPerson.name }} is even: {{ isEven }}, is odd: {{ isOdd }}

在上述代码中,我们为本地变量定义了一些自定义名称,如idx、isEven、isOdd和myPerson。这些变量都可以在模板内通过相应的名称来访问。

需要注意的是,如果我们在*ngFor中定义了多个本地变量,需要使用分号进行分隔。另外,我们也可以使用trackBy选项来帮助Angular更好地跟踪每个循环项的变化,从而提高性能。

相关内容

热门资讯

透视脚本!点点游戏辅助,约局吧... 透视脚本!点点游戏辅助,约局吧是否有挂(辅助挂)详细开挂辅助挂;无需打开直接搜索加(薇:136704...
透明总结!三哥玩辅助,wepo... >>您好:wepoker私人辅助器确实是有挂的,很多玩家在这款wepoker私人辅助器游戏中打牌都会...
透明肯定!欢乐情怀开挂,hhp... 透明肯定!欢乐情怀开挂,hhpoker到底可以作弊码(辅助挂)详细开挂辅助平台1、下载安装好hhpo...
透视最新!蜀山四川亲友房辅助免... 透视最新!蜀山四川亲友房辅助免费,wepoker破解器激活码(辅助挂)详细开挂辅助下载;亲,蜀山四川...
透视免费!pokermaste... 透视免费!pokermaster破解版,hhpoker有辅助吗(辅助挂)详细开挂辅助软件您好:pok...
透视透明!hh poker辅助... 透视透明!hh poker辅助器先试用,wpk控制牌是真的吗(辅助挂)详细开挂辅助平台;无需打开直接...
透视线上!天道辅助器使用教程,... 您好:这款天道辅助器使用教程游戏是可以开挂的,确实是有挂的,很多玩家在这款天道辅助器使用教程游戏中打...
透视存在!友友联盟有辅助吗,福... 透视存在!友友联盟有辅助吗,福建大菠萝万能辅助器(辅助挂)详细开挂辅助挂;无需打开直接搜索薇:136...
透视中牌率!江湖悠悠游戏辅助,... 透视中牌率!江湖悠悠游戏辅助,pokemmo手机脚本辅助器(辅助挂)详细开挂辅助神器1、下载安装好p...
透视挂!hhpoker是正规的... 透视挂!hhpoker是正规的吗,拱趴大菠萝万能挂图解(辅助挂)详细开挂辅助神器;打开点击测试直接进...