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

Question

我有2个组件： 产品列表 产品

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

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 =“＃”。