Angular 4可以沿着路线传递一个物体吗?

时间:2017-11-15 04:47:01

标签: angular

我有一个父组件和一个子组件。我试图使用基于route.navigate的{​​{1}}导航到子组件。是否可以将带有button click的对象传递给子组件?

1 个答案:

答案 0 :(得分:1)

在我的情况下,我从材质表导航到表单并传递原始id(可以传递所有原始对象)

这是我的代码:

<mat-cell id="idVtitle" *cdkCellDef="let row">
  <button id="idValidationScreenButton" mat-button [routerLink]="['/validation', row.documentid]">{{row.title}}
  </button>
</mat-cell>

在我的ValidationComponent中引用了溃败验证我有类似的东西:

  constructor(private _route: ActivatedRoute,
              private _router: Router,) {
  }

然后调用this._route.params.map((params:any)=&gt; params.id)获取param(在我的情况下,我使用param来调用后端)

private fetchDocument() {
    this._route.params
      .map((params: any) => params.id)
      .flatMap((id: string) => this._sharedService.fetchOneDocument(id))
      .subscribe((doc: any) => this.docToValidate = doc);
  }

我希望这可以提供帮助。