Angular2中的深层链接

时间:2017-05-15 08:05:27

标签: javascript angular angular2-routing

我对Angular2很新。有没有办法在Angular2中进行深层链接,比如说...... http://may-app.com/projects/1/files/2

我可以使用此代码

在Angular2中提供的路由和路由参数http://my-app.com/projects/1
onClick(project){
  this.router.navigate(['/projects', project.id ]);
}

谢谢!

1 个答案:

答案 0 :(得分:2)

您可以通过添加路由器子项来实现它。

{ path: 'product/:id', component: ProductDetails,
    children: [          
      { path: 'file/:fileid', component: Overview }

    ]
  }

要阅读有关深层链接的更多信息,我建议您阅读

https://angular-2-training-book.rangle.io/handout/routing/child_routes.html