사용은 부모의 서브 어셈블리 각도 데이터 어셈블리 수집 및 방법을 @output

1, 및 서브 어셈블리를 도입 출력 EventEmitter

import { Component, OnInit ,Input,Output,EventEmitter} from '@angular/core';

<app-header (outer)="runParent($event)"></app-header>

2. 조립체 EventEmitter 인스턴스화 된 객체 : 외부

@Output() private outer=new EventEmitter<string>();
/*用 EventEmitter 和 output 装饰器配合使用 <string>指定类型变量*/

외부 인스턴스 방송 데이터 EventEmitter 개체 서브 어셈블리를 통해 3

 

sendParent(){
// alert('zhixing');
this.outer.emit('msg from child')
}

4. 객체 이벤트의 정의를 수신하는 상위 서브 어셈블리 컴포넌트를 호출 외측 EventEmitter 시간 외측 조립체이며

부모 구성 요소는 데이터를 수신하면 자신의 runParent 메소드를 호출,이 시간은 데이터의 하위 구성 요소를 얻을 수있을 것입니다

//接收子组件传递过来的数据
runParent(msg:string){
alert(msg);
}