Angular 2の<template * ngFor>に相当するものは何ですか？</p> <pre><code><div *ngFor="let parent of parents"> <div *ngFor="let child of parent.children"> </div> </div> </code></pre> <p>が、私はその余分外側のdivをしたくない：

Question

は、私はこのような何かをしたいです。私は角1で、検索を見つけることができました何から私はこれを行うことによって、これを達成できます。これはしかし角度2で動作するようには思えない

<template *ngFor="let parent of parents"> 
    <div *ngFor="let child of parent.children"> 
    </div> 
</template> 

。これを行う正しい方法は何ですか？

Answer 1

私はこれがあなたのために働くべきだと思う：

<ng-template ngFor let-parent [ngForOf]="parents"> 
    <div *ngFor="let child of parent.children"> 
    </div> 
</ng-template> 

あなたがここで詳細を読むことができます：

https://angular.io/docs/ts/latest/guide/template-syntax.html#!#star-template

をまた、あなたが今使用することができます。

<ng-container *ngFor="let parent of parents"> 
    <div *ngFor="let child of parent.children"> 
    </div> 
</ng-container> 

ここでの利点通常のDOM要素と同じ構文を持つということです。

Answer 2

とインデックスの使用let-i="index"用：

ここ

<template ngFor let-hero [ngForOf]="heroes" let-i="index" let-odd="odd"> 
    <div [class.odd]="odd">({{i}}) {{hero.name}}</div> 
</template> 

より：<template>タグのような https://angular.io/docs/ts/latest/guide/structural-directives.html#!#microsyntax

Answer 3

<ng-container>の動作（それがDOMに追加されていない）が、構造がより便利*fooを使用することができます指示構文：

<ng-container *ngFor="let parent of parents"> 
    <div *ngFor="let child of parent.children"> 
    </div> 
</ng-container> 

mo NgForを参照https://angular.io/docs/ts/latest/api/common/index/NgFor-directive.html