Angular 2 Router navigate, geht zur Seite und kommt zurück

Question

Ich habe 2 Komponenten: Product Produkt

Wenn ich auf ein Produkt in der Produktliste klicken, um es zu Produktkomponente gehen sollte.

Produktliste, unselect Produkt HTML:

<p><a href="#" class="btn btn-primary" role="button" (click)="onSelect(item)">Learn more</a></p> 

TS:

onSelect(product: IProduct) { 
    this.router.navigate(['/product', product.productId]); 
    } 

es um Produkt Component gehen nicht und tröstet die ID:

constructor(private _route: ActivatedRoute) 
    { 
     this._route.params.subscribe(
      params => { 
       let id = params['id']; 
       console.log(id) 
      }); 
    } 

Aber dann navigiert Zurück zur Produktliste Warum? \

Während, wenn ich von HTML gehen tun, die Router ist zu verwenden: Es funktioniert ...

[routerLink]="['/product',item.productId]" 

Warum?

Answer 1

Entfernen Sie die href = "#" von Ihrem Link.