0

在我的应用程序中，我以这种方式使用面包屑：

 <div class="breadcrumb">

    <a href="javascript:void(0);" class="back" (click)="goBack($event);">Back</a>
    <div class="">
      <h3>{{ pagename.label }}</h3>
      <div *ngFor="let breadcrumb of breadcrumbs" class="bread-link-container texted">
        <a [routerLink]="[breadcrumb.url]">
          {{ breadcrumb.label }}
        </a>
      </div>
    </div>
    <div class="clear"></div>

  </div>

我有组件 A，用户可以从中导航到组件 B；然后，当你从 B 回到 A 时，B 需要向state组件 A 发送数据。像这样：

this.router.navigate(['path-to-A'], {
            state: {
              data: myData
            }
          });

现在，当用户通过按自定义 BACK 按钮返回 B->A 时，我可以传递状态，因为我手动调用 router.navigate。问题是当用户点击面包屑的 routerLink 时，状态信息没有发送，组件 A 抱怨这个。
我已经看到我可以state通过 routerLink 发送，如下所示：

<a [routerLink]="['/user/bob']" [state]="{tracingId: 123}">
  link to user component
</a>

但我需要从我正在导航的组件中获取属性的名称和我想要作为状态传递的值。如何才能做到这一点？

4

0 回答 0