角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> 

候補詳細は、ルータは、コードの残りの部分は、ここで 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} 

Answer 2

あなたができるURL

<a class="name" [routerLink]="['candidate', candidate.id]"> 
    {{candidate.name}}, 
</a> 

Answer 3

を形成するためにrouterLinkディレクティブを使用することができます見つけることができます
{path: 'candidate/:id', component: CandidateDetailsComponent}

ですrouterLinkディレクティブをmd-list-itemコンポーネントに追加しますエント（または他のコンポーネント）：以下に示すように

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