Angular4親から子にデータを渡しても動作しません

Question

親コンポーネントから子コンポーネントにデータを送信しようとしていますが、途中のng2スマートテーブルに問題があります。発光する。親コンポーネントでは、userRowSelect（標準関数）を使用するng2-smart-tableを使用します。テーブル内の行を選択すると、その行からすべてのデータが取得されます。その行から、私の子コンポーネントに渡したいデータ。私は共用サービスを使用しようとしましたが、入力と発光は、どれもこれまで働いていませんでした。以下は、2つのコンポーネントのコードスニペットです。何をすべきかに関する提案はありますか？

親HTML：

<ng2-smart-table [settings]="settings" [source]="data" (userRowSelect)="onRowSelect($event)"></ng2-smart-table> 

親コンポーネント：

@Output() passDataToViewPdf: EventEmitter<any> = new EventEmitter(); 

    ngOnInit() { 
     this.reportService.getReportsTemplates().subscribe(response => this.data = response); 
    } 

    onRowSelect(event): void { 
     this.passDataToViewPdf.next(event); 
     this.router.navigate(['/report-view-pdf', localStorage.getItem('siteId')]); 
    } 

子コンポーネント：

@Input() template; 

    public handleEvent(event) { 
      // get data from passDataToViewPdf emitter 
     } 
    ngOnInit() { this.template = // get data from handleEvent} 

Answer 1

Angulars EventEmitter値を発するemit方法を有しているためです。それは親が子供にはありませんし、あなたの親コンポーネントが値を放出しているので、それはしかし、親コンポーネントで定義されているあなたのコードEventEmitterを見

this.passDataToViewPdf.emit(event); 

でなければなりませんdocs

を見てください。

これは次のようになります。

チャイルドコンポーネント

@Input() template; 
@Input() set pdf(newPdf) { 
    this._pdf = newPdf; 
    this.handleEvent(newPdf); 
}; 
private _pdf; 



public handleEvent(event) { 
    // process your data 
} 
ngOnInit() { this.template = // get data from handleEvent} 

親HTMLテンプレート出力は、子供から、受信することができるイベントを放出するために使用される

onRowSelect(event): void { 
     this.pdfValueInParent = event; 
     this.router.navigate(['/report-view-pdf', localStorage.getItem('siteId')]); 
    }