javascript - ngFor の外で *ngFor 現在のオブジェクトを使用するにはどうすればよいですか?

Question

タイトルは奇妙に思えるかもしれませんが、私が話しているのは基本的にこのリンクが行っていることです。

スコープ外で現在の反復personを使用する方法を探しています。<tr>*ngFor

ng-repeat-start彼が使用したリンクでは、ng-repeat-endAngular2ng-repeat.を使用して同じ動作を実現するにはどうすればよい*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 ディレクティブ) の * は、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>