angglar中性子コンポーネント@Outputを通じて親コンポーネントをトリガする方法

1248 ワード

1.サブコンポーネントはOutputとEventEmitterに導入されます.
 import { Component, OnInit ,Input,Output,EventEmitter} from '@angular/core';
 
2.サブコンポーネントでは、EventEmitterを実装します.
@Output() private outer=new EventEmitter();
3.サブコンポーネントはEventEmitterオブジェクトouterによるインスタンス放送データ
 
sendParent(){
  // alert('zhixing');
  this.outer.emit('msg from child')
}
 
4.親コンポーネントがサブアセンブリを呼び出すときは、受信イベントを定義し、outerはサブアセンブリのEventEmitterオブジェクトouterである.
 
5.親コンポーネントがデータを受信すると、自分のrun Partentメソッドを呼び出すことができます.このときは、サブアセンブリのデータを取得することができます.
//             
runParent(msg:string){
   alert(msg);
 }

header commponets

 
 
 
転載先:https://www.cnblogs.com/loaderman/p/10900368.html