角度2材質にリンクとしてMD-カードを作成

Question

は（スタイリングを無効にしようとするリンクのクラスを作成しても解決しませんでした）スタイルを変えています。

動的にクリック可能なリンクとして（例えば、ngFor）カード（この場合はMD-カード）を作成するための正しい方法は何ですか？すなわち

、各カードがクリック可能であり、別のビューへのリンク。あなたは、クリックイベントを使用して、コンポーネント内から移動することができますrouterLinkを使用する必要はありません場合は

Answer 1

。

例コンポーネント：

import { Component, OnInit } from '@angular/core'; 
import {Router} from '@angular/router'; 

interface Thing{ 
    name:string; 
    route:string; 
} 

@Component({ 
    selector: 'app-things', 
    template: ` 
     <md-card *ngFor="let thing of things" (click)="navigate(thing)"> 
      Simple card 
     </md-card> 
    ` 
}) 
export class ThingsComponent implements OnInit { 
    things: Thing[]; 

    constructor(
     private router: Router 
    ) { 
     //todo initialize things 
    } 

    navigate(thing:Thing){ 
     this.router.navigate(thing.route); 
    } 
}