如何将数据从子组件对象转换为父组件

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所述。