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

我有两个部分： 产品列表 产品

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

ProductList，取消选择产品 HTML:

它确实转到产品组件并控制台id：

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

但是，它会导航回产品列表组件，为什么\

然而，如果我从HTML开始使用routerLink：它可以工作

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

---

为什么？

从您的链接中删除href=“#”链接。

您可以将调用添加到模板中的

onSelect

？请提供更多信息。您的路由配置是什么样子的？您还应该打开控制台并检查是否有任何错误。有时，如果登录页出现错误，应用程序会返回到上一个工作页（通常是索引页），但会记录错误。您可以发布您的路由配置…从您的

中删除

href=“#”

，它会干扰路由。。。Angular的

[routerLink]

将覆盖

href

属性，而

（单击）

则不会

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

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