angular - Angular 2 路由参数样式的区别

Question

如果我使用路由器的navigate方法以编程方式导航

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

第二种方式

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

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

那么除了风格有什么区别吗？

PS 发现与查询参数和矩阵参数之间的差异有关的问题

Answer 1

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

['/articles', id]是在路由路径中替换的正常且必需的路由参数:id。