2016-11-15 9 views
0

Ich baue eine Tabelle App auf Winkel 2, und jetzt verwende ich ein Routing, um auf meiner Seite zu navigieren.Route auf id url

ich einig Klick-Ereignis habe, und nach einem Klick i mit einer anderen Tabelle zu einer anderen Seite werde, so etwas wie diese (klicken):

enter image description here

Und nach, dass ich eine neue Adresse einstellen für irgendein "смотр.", etwas wie dieses: localhost/sm1, localhost/sm2 ...

Wie es möglich ist?

Antwort

1

Sie haben zwei Möglichkeiten

1 - auf der Vorlage

<div [routerLink]="['somepath',item.id]"> </div> 

2 - auf Ihrer Komponente einige Click-Ereignishandler

onItemClick(item){ 
    this.router.navigate(['somepath',item.id]); 
} 
+0

Dank für die schnelle Antwort. Sag mir bitte, Router ist var, oder eine Importkomponente? –

+0

Router ist Kernmodul injiziert von @ angular/Router – Mehari

+0

und wenn ich ID von API bekommen? wie Syntax das? –

0

Sie Router importieren können wie dies:

import { Router } from '@angular/router'; 

...

constructor(
    private router: Router 
) {} 

und die zweite Antwort des Mehari verwenden