javascript - 如何在 ngFor 之外使用 *ngFor 当前对象？

Question

标题可能看起来很奇怪，但我所说的基本上就是这个链接在做什么。

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

在他使用的链接中ng-repeat-start并ng-repeat-end包含多个标签，ng-repeat.我如何使用 Angular2 实现相同的行为*ngFor？

Answer 1

我必须使用<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>

希望它会帮助某人

Answer 2

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

如果您的代码包含

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

作为渲染过程的一部分，角度将其转置为

<ng-template [ngIf]='object'>
   <div>{{object.property}}</div>
</ng-template>