angular - 如何将数据从一个组件发送到另一个不是子/父的组件以显示消息(闪存消息)
问题描述
如果用户来自成功的注册过程,我想在登录组件上显示一条消息。我知道“如何将数据从一个组件传递到另一个组件”这个问题很常见但是有几次有人知道一种非常容易应用的技术。组件不在父/子结构中,我不想使用查询字符串(我认为最糟糕的解决方案),最好我不想经历所有麻烦来创建共享服务。
有没有办法做类似的事情:
this.router.navigateByUrl('login', {data_available_only_in_this_request: true})
如果注册成功,我会将用户重定向到登录组件并传递一些数据。在这里,我只展示我希望事情变得多么容易。
我正在寻找一种简单的方法来做到这一点,我认为创建一个设施只是为了显示太多信息。
解决方案
实际上有一种方法可以实现这一点,将数据存储在对象中,然后设置为本地存储。例子:
let obj={
name:'',
item:''}
localStorage.setItem('object',JSON.stringify(obj));
那么你想在哪里使用它,
let x = localStorage.getItem('object')
var y= JSON.parse(x);
如果您真的对使用 HelperComponent 不感兴趣,这将对您有所帮助。
推荐阅读
- reactjs - 如何创建 req.query.parameter?
- android - Android MediaCodec dequeueOutputBuffer 在三星设备 android 10 中总是返回 -1
- kotlin - 求具有相同第一个元素的对的平均值。科特林
- vuejs2 - VueJS:为什么我不能打电话
. 从任何地方? - error-handling - 如何防止 Bison 中的默认“语法错误”
- python - PySpark 中的 spark.sql 语句中的字符串格式化如何工作?
- node.js - Next.js:文档未定义
- node.js - 为 Joi 验证编写测试
- pandas - 条件熊猫数据框
- php - 无法在代码点火器中显示本机语言字符串