首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >在angular2中* in *ngFor是什么意思?

在angular2中* in *ngFor是什么意思?
EN

Stack Overflow用户
提问于 2016-02-19 14:13:07
回答 3查看 19.8K关注 0票数 35

以下示例中ngFor前的*是什么意思,为什么需要它?

代码语言:javascript
复制
<div *ngFor="#hero of heroes" (click)="selectHero(hero)">
  {{hero.name}}
</div>
EN

回答 3

Stack Overflow用户

发布于 2016-04-13 13:05:57

当Angular在ngFor中看到星号(*)时,它将使用其DOM元素作为模板来呈现循环。

代码语言:javascript
复制
<div *ngFor="#hero of heroes">
  {{ hero.name }}
</div>

等同于

代码语言:javascript
复制
<template ngFor #hero [ngForOf]="heroes">
    <div>
       {{ hero.name }}
    </div>
</template>
票数 16
EN

Stack Overflow用户

发布于 2017-07-29 00:56:01

它们被称为结构指令,因为它们能够更改DOM结构。有关更多信息,请访问https://angular.io/guide/structural-directives

票数 4
EN

Stack Overflow用户

发布于 2018-01-04 17:23:49

*ngFor中,*是将新的角度模板语法与模板标记一起使用的简写,这也称为结构Directive.It。了解*只是在模板标记上显式定义数据绑定的简写,这很有帮助。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/35498498

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档