更改角度路由器URL方案

时间:2018-10-25 10:47:10

标签: angular url angular-router

当我尝试将一些参数传递给我的URL时,角度路由器会提供一些我不太喜欢的URL方案。

this示例中的URL如下所示:

https://whatever.io/crisis-center;id=2;foo=foo

我希望它们看起来像一些“常规” URL。

类似https://whatever.io/crisis-center?id=2&foo=foo

是否可以更改Angular2 ^路由器的URL方案?如果是这样,有什么建议或示例吗?

1 个答案:

答案 0 :(得分:2)

在成角度布线时可以使用query parameters

this.router.navigate(['/crisis-center'], { queryParams: { id: 2, 'foo': 'foo' } });

您的网址如下所示:

http://localhost:4200/crisis-center'?id=2&foo=foo