कोणीय 2 में <template * ngFor के बराबर क्या है?

Question

मैं इस तरह कुछ करना चाहता हूँ:

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

लेकिन मुझे लगता है कि अतिरिक्त बाहरी div नहीं करना चाहती। मैं क्या खोज को खोजने के लिए, कोणीय 1 में कर लिया है से मैं ऐसा करने से इस लक्ष्य को हासिल कर सकते हैं:

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

यह हालांकि कोणीय 2 में काम करने के लिए प्रतीत नहीं होता। ऐसा करने का सही तरीका क्या है?

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> 

लाभ यहां यह है कि यह एक सामान्य डोम तत्व के साथ एक ही वाक्यविन्यास है।

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> बर्ताव करता है (यह डोम में नहीं जोड़ा जाता है), लेकिन उपयोग करने के लिए और अधिक सुविधाजनक *foo संरचनात्मक की अनुमति देता है निर्देश वाक्यविन्यास:

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

मो के लिए फिर NgFor के बारे में विवरण https://angular.io/docs/ts/latest/api/common/index/NgFor-directive.html