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

Question

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

标签： htmlangulartypescriptangular-material

Answer 1

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

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

查看此answer内容以获取更多详细信息。