Angular@outputサブコンポーネントを使用して親コンポーネントのデータと方法を取得
808 ワード
1、サブアセンブリ導入Output EventEmitterと
2.サブアセンブリでEventEmitterオブジェクトをインスタンス化する:outer
3、サブアセンブリがEventEmitterを通過する オブジェクトouterインスタンスブロードキャストデータ
4.親コンポーネントがサブコンポーネントを呼び出す場合、受信イベントを定義します.outer サブアセンブリのEventEmitterです オブジェクトouter
5.親コンポーネントがデータを受信すると、独自のrunParentが呼び出されます. 方法、このときサブアセンブリのデータを入手できます
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);
}