子コンポーネントから親コンポーネントへのデータの処理方法

Question

子コンポーネントから親コンポーネントにオブジェクトデータを渡したいとします。

<section class="grey_bg"> 
<app-search></app-search> 
<table> 
    <tbody> 
     <tr *ngFor="let contest of contests"> 
      <td>{{contest.contest_date}}</td> 
      <td>{{contest.prize_pool}}</td> 
      <td>{{contest.points}}</td> 
      <td>${{contest.entry_fee}}</td> 
     </tr> 
    </tbody> 
</table> 

親と子のコンポーネント間で情報を共有するためのコンテストのデータを持っている

this.authService.getUserContests().subscribe(
    contests => { 
     this.contests = contests.data 

    } 

Answer 1

最も簡単な方法はで見つけることができるアプリ、検索を選択している子コンポーネントを検索するコンポーネントからデータを取得します。 Angularチームが提供するCookbook

具体的なテクニックはOutput()からEventEmitterで、hereです。