angular - 如何将数据从一个组件发送到另一个不是子/父的组件以显示消息（闪存消息）

Question

如果用户来自成功的注册过程，我想在登录组件上显示一条消息。我知道“如何将数据从一个组件传递到另一个组件”这个问题很常见但是有几次有人知道一种非常容易应用的技术。组件不在父/子结构中，我不想使用查询字符串（我认为最糟糕的解决方案），最好我不想经历所有麻烦来创建共享服务。

有没有办法做类似的事情：

   this.router.navigateByUrl('login', {data_available_only_in_this_request: true})

如果注册成功，我会将用户重定向到登录组件并传递一些数据。在这里，我只展示我希望事情变得多么容易。

我正在寻找一种简单的方法来做到这一点，我认为创建一个设施只是为了显示太多信息。

score 0 · Accepted Answer

实际上有一种方法可以实现这一点，将数据存储在对象中，然后设置为本地存储。例子：

 let obj={
name:'',
item:''}


localStorage.setItem('object',JSON.stringify(obj));

那么你想在哪里使用它，

let x =  localStorage.getItem('object')
var y= JSON.parse(x);

如果您真的对使用 HelperComponent 不感兴趣，这将对您有所帮助。

score -1 · Accepted Answer

您可以创建数据服务以将数据从一个组件传递到另一个组件。

请查看此链接的data.service.ts 部分以获取更多详细信息。

如果此方法不适合您，则使用自定义控制器 ID 将数据存储在 localstorage 中，并从您需要的 localstorage 中获取。

2 回答 2