Angular2: get elementref на дочернем компоненте от родителя

Question

Я пытаюсь получить ElementRef для дочернего компонента из его родительского компонента.

@Component({ 
moduleId: module.id, 
selector: 'parent', 
templateUrl: 'parent.component.html', 
directives: [ 
    Child1Component, 
    Child2Component 
    ] 
}) 

В HTML для Child1Component У меня есть

<button class="btn btn-primary" #myRef>Select File</button> 

В классе для родителей:

export class ParentComponent implements OnInit { 
    @ViewChild('myRef') myRef: ElementRef; 
    // ... 

Но, конечно, когда я пытаюсь получить доступ к ребенку ElementRef в родительском классе ...

ngAfterViewInit() { 
    console.log(this.myRef.nativeElement); 

... Я получаю undefined. Как мне получить ElementRef? Благодаря!

Answer 1

попробуйте использовать ContentChild вместо ViewChild

import { Component, ContentChild, ElementRef, OnInit } from '@angular/core'; 
... 

export class ParentComponent implements OnInit { 
    @ContentChild('myRef') myRef: ElementRef; 
    // ... 

    ngAfterViewInit() { 
    console.log(this.myRef.nativeElement); 
    } 

}