Co to jest ViewChild w Angular2?

Question

Od oficjalnego documentation. ViewChild:

Configures a view query. 

View queries are set before the ngAfterViewInit callback is called. 

Wyjaśnienie jest bardzo minimalny, a ja nadal nie bardzo rozumiem, co się go stosuje.

Rozważ to example z bloga, który znalazłem.

zabierając @ViewChild(TodoInputCmp) nie mają wpływu na kod wewnątrz TodoInputCmp

Czy ktoś może mi dać pewne wyobrażenie?

Dzięki

Answer 1

Dostarcza odniesienie do elementów lub elementów w widoku:

@Component({ 
    ... 
    directives: [SomeComponent], 
    template: ` 
    <div><span #myVar>xxx</span><div> 
    <some-comp></some-comp>` 
}) 
class MyComponent { 
    @ViewChild('myVar') myVar:ElementRef; 
    @ViewChild(SomeComponent) someComponent:SomeComponent; 

    ngAfterViewInit() { 
    console.log(this.myVar.nativeElement.innerHTML); 
    console.log(this.someComponent); 
    } 
} 

Zmienne nie są inicjowane przed ngAfterViewInit()

Answer 2

ViewChild dekorator jest używany w celu uzyskania dostępu do komponentu dzieci, znaleziono w matrycy, dzięki czemu można uzyskać dostęp do właściwości i metod.