Angular 4 - Wie bekomme ich Zugriff auf verschachtelte Komponenten innerhalb einer Vorlage?

Question

Ich habe eine Hierarchie der Komponenten:

App 
| 
Child 
| 
Input 

Die Komponente „Child“ nimmt eine Vorlage aus es Eltern ist so:

<my-child> 
    <ng-template> 
     <my-input></my-input> 
     <span>asdasdas</span> 
     <my-input></my-input> 
     <my-input></my-input> 
    </ng-template>  
</my-child> 

Wie Sie in der Vorlage sehen können, gibt es eine Reihe von Eingabekomponenten. Jetzt Ich möchte einen Zugriff auf die Liste der <my-input> Komponenten von der untergeordneten Komponente erhalten. Was ich jetzt versuchte, war das @ ContentChildren/@ ViewChildren, aber es scheint nicht zu funktionieren. Der Code der Kinder Komponente:

@Component({ 
    selector: 'my-child', 
    providers: [], 
    template: ` 
    <div> 
     <ng-template [ngTemplateOutlet]="inputTemplate" #input></ng-template> 
    </div> 
    `, 
    directives: [] 
}) 

export class Child implements OnInit, OnAfterViewInit { 

    @ContentChild(TemplateRef) inputTemplate: TemplateRef<any>; 

    @ViewChildren(InputComponent) inputComponents : QueryList<InputComponent>; 

    constructor() { 

    } 

    ngAfterViewInit(){ 
    //THIS SHOULD NOT BE EMPTY 
    console.log(this.inputComponents.toArray()); 
    } 
} 

Bitte lassen Sie mich wissen, was ich falsch mache und wie/ob es möglich ist, eine Liste von InputComponents aus der Kinderkomponente zu erhalten.

Vielleicht sollte ich hier überhaupt keine Vorlage verwenden? Gibt es eine andere Möglichkeit, dieses Steuerelement anpassbar zu machen und weiterhin auf eine Liste verschachtelter InputComponents zugreifen zu können?

Im Fall, dass Sie mit ihm für mich here's the plunker

Answer 1

Mit @ContentChildren(InputComponent) statt @ViewChildren() und Abonnieren von Änderungen

ngAfterViewInit(){ 
    //THIS SHOULD NOT BE EMPTY 
    this.inputComponents.changes.subscribe(c => console.log(this.inputComponents.toArray())); 
    //console.log(this.inputComponents.toArray()); 
    } 

gearbeitet spielen, aber ehrlich gesagt weiß ich nicht, mich, warum @ContentChildren() statt von @ViewChildren() funktioniert.

Plunker link