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 的值的正确方法是什么。

这两个组件不存在 child/parent 关系。

Answer 1

会不会是 space 被转换为 %20？
如果是这样，那是默认的 URL 编码。
检查 this。
从句法上讲，你得到的似乎与我从 here.
中学到的一致也许你需要 URL Encode?

encodeURI('Some Name')

Angular navigate to component and bind its data