Создание md-карт в качестве ссылок в Angular 2 Material

Question

Ввод тега привязки ("[routerLink]") вокруг всего компонента, содержащего карту, изменение стиля (создание класса ссылки, чтобы попытаться отключить стиль, не помогло).

Как правильно создать (например, ngFor) карты (в данном случае md-card) в виде кликабельных ссылок?

Другими словами, каждая карта кликабельна и ссылается на другой вид.

Answer 1

Если вам не нужно использовать routerLink, вы можете использовать событие click и перемещаться изнутри вашего компонента.

Пример компонента:

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);
    }
}