角度2：如何在md-list-item中传递路由器？

Question

我正在使用填充对象列表md-nav-list。当用户单击时md-list-item，我想导航到候选详细路由器，并将其传递给candidate.id它。

不知道如何在上呼叫路由器md-list-item。

  <md-nav-list *ngFor="let candidate of candidates">
    <md-list-item class="candidate-row">
      <div class="column2">
        <span class="name">{{candidate.name}},</span>
      </div>
    </md-list-item>
  </md-nav-list>

候选人详细信息的路由器是
{path: 'candidate/:id', component: CandidateDetailsComponent}

其余代码可以在这里找到 https://github.com/himanshuy/hiringplus-ui/tree/page2

Answer 1

您可以通过routerLink传递ID，如下所示：

<md-list-item class="candidate-row" [routerLink]="['candidate',{id:candidate.id}]">
        ...
</md-list-item>

候选人详细信息的路由器是

 {path: 'candidate/:id', component: CandidateDetailsComponent}