Angular@outputサブコンポーネントを使用して親コンポーネントのデータと方法を取得

808 ワード

1、サブアセンブリ導入Output EventEmitterと
import { Component, OnInit ,Input,Output,EventEmitter} from '@angular/core';

2.サブアセンブリでEventEmitterオブジェクトをインスタンス化する:outer
@Output() private outer=new EventEmitter();
/*  EventEmitter   output               */

3、サブアセンブリがEventEmitterを通過する オブジェクトouterインスタンスブロードキャストデータ
 
sendParent(){
// alert('zhixing');
this.outer.emit('msg from child')
}

4.親コンポーネントがサブコンポーネントを呼び出す場合、受信イベントを定義します.outer サブアセンブリのEventEmitterです オブジェクトouter
5.親コンポーネントがデータを受信すると、独自のrunParentが呼び出されます. 方法、このときサブアセンブリのデータを入手できます
//            
runParent(msg:string){
alert(msg);
}