전화 중첩 된 구성 요소의 기능 angular2

Question

이 호스트 구성 요소 코드를 상상?

Answer 1

할 수있는 방법은 ViewChild입니다. 즉, 하위 구성 요소를 부모에게 ViewChild으로 삽입합니다.

import { ViewChild } from '@angular/core'; 
import { Component } from '@angular/core'; 
import { ChildComponent } from './child.component'; 

@Component({ 
    selector: 'parent-component', 
    template: ` implements AfterViewInit 
    <child-component></child-component> 
    `, 
    directives: [ChildComponent] 
}) 
export class ParentComponent { 
    @ViewChild(ChildComponent) 
    private childComponent: ChildComponent; 

    save(): void { 
     this.myService.myHTTPCall().subscribe((event) => { 
      this.childComponent.waitingForHostedComp(event); 
     }) 
    } 

} 

자세한 내용은 Component Interaction Cookbook: Parent Calls a ViewChild에서 확인할 수 있습니다.