Angular 2路由器导航，转到页面并返回

Question

我有2个组件：ProductList产品

当我点击产品列表中的产品时，它应该转到产品组件。

ProductList，取消选择产品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]);
  }

它确实转到产品组件和控制台的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 =“＃”。