首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何在ngFor外部为当前对象使用* ngFor?

如何在ngFor外部为当前对象使用* ngFor?
EN

Stack Overflow用户
提问于 2016-08-31 12:35:19
回答 2查看 3.7K关注 0票数 7

标题可能看起来很奇怪,但我所说的基本上就是this link正在做的事情。

我正在寻找一种在*ngFor作用域之外的<tr>中使用当前迭代的person的方法。

在链接中,他使用ng-repeat-startng-repeat-endng-repeat.中包含多个标记,如何使用*ngFor实现与Angular2相同的行为

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-08-31 17:52:46

我必须使用<template>标记,这使得迭代的对象可以在其中访问。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<ng-template let-person ngFor [ngForOf]="people">
    <tr>
        <td>{{person.name}}</td>
        <td>{{person.gender}}</td>
    </tr>
    <div>
        <span>{{person.details}}</span>
    </div>
</ng-template>

希望它能帮助到某些人

票数 9
EN

Stack Overflow用户

发布于 2018-09-13 11:47:13

* in *ngFor (实际上是任何angular指令)是一种简写,它告诉angular将元素包含在ng-template中,这只是的angular实现。您可以在https://angular.io/guide/structural-directives上了解到这是如何发生的,但我将在下面重现相关的示例。

如果您的代码包含

<div *ngIf='object'>{{object.property}}</div>

作为渲染过程的一部分,angular将其转置为

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<ng-template [ngIf]='object'>
   <div>{{object.property}}</div>
</ng-template>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/39249838

复制
相关文章

相似问题

从*ngFor外部*ngFor

124

使用ngFor打印对象

04

对象上的NgFor +为NgFor中的每个属性创建NgModel

20

ngFor映射对象

20

ngFor内部ngFor

20
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文