Angular导航到组件并绑定其数据

Question

我想从一个组件导航到另一个组件，并将一些数据导航到它。

以下是代码：

this.router.navigate(['some-component', { name: 'Some Name' }]);

在SomeComponent中，我正在捕捉这样的路线参数：

this.route.params.subscribe(params => {
   //assign it to some component member, like
   this.name = (JSON.parse(params))['name'];
});

这样可行，但它没有给我信心，在页面导航到SomeComponent视图后，url看起来很糟糕并且在页面重新加载后它不会保持状态。

我想避免路由参数。

导航到SomeComponent的正确方法是什么，并将其发送给将在内部使用并绑定到this.name的值。

这两个组件不是子/父关系。

Answer 1

是否可以将空间转换为％20？如果是，则默认URL编码 检查this 从语法上来说，你所获得的似乎与我从here学到的东西一致。
也许你需要URL Encode？

encodeURI('Some Name')