私は角に新しいですし、ここに私の問題である親コンポーネント-角度

Question

に子供からイベントを渡す：

私は、グリッドのセルのクリックイベントを処理していた子コンポーネントを持っており、コールバックで私が持っていますEventEmitterは@Output() cellClicked :any;のように宣言されています。 Iは、以下のコード例のように、コールバック関数内持つEventEmitterをインスタンス化しています。私はこのグリッド

<data-grid 
     [gridData]="restrictionsAll.restrictions" 
     [columnDefinitionsPath]="restrictionsAll.agGridConfigPath" 
     (getApi)="getGridApi($event)" 
     > 
    </data-grid> 

と親のためのcomponent.ts内に配置されている親コンポーネントテンプレート内

 onCellClicked($event){ 
      this.cellClicked = new EventEmitter(); 
      this.cellClicked.emit($event); 
     } 

私は イベントをキャプチャしようとしています。

cellClicked($event) 
     { 
      console.log('onCellClicked: ' + $event.rowIndex + ' ' + $event.colDef.field); 
     } 

私はコードコントロールが子コンポーネントにブレークポイントに到達しているが、それはcellClicked方法で親コンポーネントに渡していないのデバッグ。これについてあなたの助けを感謝します。

Answer 1

あなたは親コンポーネントでは、コンテナの親コンポーネントではどこでも

<data-grid 
    (cellClicked)="cellClickedInParent($event)" 
    [gridData]="restrictionsAll.restrictions" 
    [columnDefinitionsPath]="restrictionsAll.agGridConfigPath" 
    (getApi)="getGridApi($event)" 
    > 
</data-grid> 

をイベントを実施していないので

cellClickedInParent(event){ 
    console.log(event) //////// this works 
} 

イベントを処理