Angular 2路由参数样式之间的区别

时间:2016-12-02 08:57:02

标签: angular angular2-router3 angular2-router

如果我使用路由器navigate方法

以编程方式导航

this.router.navigate(['/articles', {id: 1}]);结果网址为/articles;page=1

和第二种方式

this.router.navigate(['/articles', id]);结果网址为/articles/1

在两种变体中,我都可以通过this.activatedRoute.params.forEach((params: Params) => {});

获取值

那么除了风格之外还有什么区别?

P.S。发现question与查询参数和&之间的差异有关。矩阵参数

1 个答案:

答案 0 :(得分:3)

{id: 1}中的

['/articles', {id: 1}]是可选的路由参数,并作为矩阵参数添加到子路由和查询参数到根路由

['/articles', id]是一个正常且必需的路由参数,用于替换路径路径中的:id