标题可能看起来很奇怪,但我所说的基本上就是this link正在做的事情。
我正在寻找一种在*ngFor
作用域之外的<tr>
中使用当前迭代的person
的方法。
在链接中,他使用ng-repeat-start
和ng-repeat-end
在ng-repeat.
中包含多个标记,如何使用*ngFor
实现与Angular2相同的行为
发布于 2016-08-31 17:52:46
我必须使用<template>
标记,这使得迭代的对象可以在其中访问。
<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>
希望它能帮助到某些人
发布于 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将其转置为
<ng-template [ngIf]='object'>
<div>{{object.property}}</div>
</ng-template>
https://stackoverflow.com/questions/39249838
复制相似问题