如何将数据从一个组件传递到另一个组件答案

【问题标题】：How to pass the data from one component to another如何将数据从一个组件传递到另一个组件
【发布时间】：2019-11-06 19:20:29
【问题描述】：

我需要将对象的 id 从一个组件传递到另一个组件。

<ng-container matColumnDef="actions">
      <mat-header-cell *matHeaderCellDef></mat-header-cell>
      <mat-cell *matCellDef="let user">
         <button mat-icon-button (click)="Edit()"><mat-icon>edit</mat-icon></button>             
      </mat-cell>
</ng-container>

Edit() 函数打开一个表单（另一个组件），我想在其中使用 user.id 值之类的东西。如何在组件之间传递数据？是否可以初始化一个值并将其导出到 html 代码中的另一个组件？或者有没有其他解决方案？我想补充一点，所有数据都是由服务提供的，MongoDB数据库。

【问题讨论】：

你想像 MatDialog 一样打开窗口吗？或者使用数组列表中的组件？
MatDialog 我需要通过 id 属性“注入”数据（编辑表单）
试试 EventEmitter

标签： html angular typescript angular-material

【解决方案1】：

如果您将数据从父组件传递到子组件，您应该使用@input。

在您的情况下，您希望将数据从一个组件传递到同一级别的另一个组件。我建议你去 shared service。

查看此 answer 了解更多详情。

【讨论】：