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

时间:2019-06-25 01:46:20

标签: html angular typescript angular-material

我需要将对象的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数据库服务提供的。

1 个答案:

答案 0 :(得分:2)

如果要将数据从父组件传递到子组件,则应使用@input

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

查看此 answer 以获得更多详细信息。