Question

我是Angular 6的新用户。我正在使用Angular 6创建一个应用程序。在开发过程中，我遇到了一个问题，那就是在组件之间共享数据。这是代码：

我有两个组成部分 1）注册 2）验证

从路由/signup打开注册，从/verification打开验证。现在我想将对象从注册传递到验证组件

这是我的示例代码。

signup(){
  let someobject = {"name":"name"} // this data I want to pass in verification
  this.router.navigateByUrl('/verfication);
}

// second is the verfication component
export class verfication Component implements OnInit {

    constructor() { }

    ngOnInit() { }
}

Answer 1

您可以使用服务来存储数据。而且这两个组件都可以从服务中获取数据

说让服务包含两个方法和变量常量数据； SetData（newdata）//在此处设置变量 getData（）//在此处返回变量当您获得日期a时，请调用服务的setData方法。在另一个组件中，您可以使用getData方法

获取数据

Answer 2

一个简单的解决方案是将全局服务注入到主模块中，并使用该服务的局部变量共享数据

使用不同的路线将对象从组件传递到其他对象

2 个答案: