如何在 ngFor 之外使用 *ngFor 當前對象？

Question

標題可能看起來很奇怪，但我所說的基本上是這個鏈接在做什么。

我正在尋找一種在*ngFor范圍之外的<tr>使用當前迭代person的方法。

在鏈接中，他使用ng-repeat-start和ng-repeat-end在ng-repeat.包含多個標簽ng-repeat. 如何使用*ngFor在 Angular2 中實現相同的行為？

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>

作為渲染過程的一部分，angular 將其轉置為

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