Uso @output subconjunto de aquisição de dados angulares de montagem e método do progenitor

1, e sub-montagem EventEmitter de saída é introduzido

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

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

2. O subconjunto de objectos EventEmitter instanciar: exteriores

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

3, a sub-montagem por meio de dados de difusão exemplo exterior objetos EventEmitter

 

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

4. Objecto tempo EventEmitter exterior para ligar os componentes parentais subconjuntos, que recebe uma definição de caso, é o subconjunto exterior

O componente pai recebe dados chama seu método runParent, desta vez vai ser capaz de obter os subcomponentes de dados

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