angular - Angular4親から子へのデータの受け渡し、発行が機能しない

Question

親コンポーネントから子コンポーネントにデータを送信しようとしていますが、送信の途中で ng2-smart-table の問題に直面しています。私の親コンポーネントでは、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}