角度2ルータのナビゲートは、ページに行くと、私は2つのコンポーネント持っ

Question

戻って来る：私は製品リスト内の製品をクリックすると、それは製品のコンポーネントに行くべき

ProductList 製品を。

製品の選択を解除 HTML ProductList、：

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

それは、製品のコンポーネントに移動し、IDを慰め行います

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

しかし、その後、それがナビゲート製品リストコンポーネントを戻す理由は？\

一方私はrouterLinkを使用しているHTMLから行くの場合：...それは動作します

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

なぜ？

Answer 1

あなたのリンクからhref = "＃"を削除してください。