在angular2中，需要将数据从一个组件发送到另一个组件

Question

在从登录组件输入手机号码以验证来自otp组件的otp后，我需要用户输入的手机号码和国家代码作为参数传递到otp服务中的api。我需要将数据从登录传递到动态口令组件，如何在angular2中执行此操作？

Answer 1

桑迪普是对的。例如，在“SharedDataService”中定义以下共享变量：

import {  Injectable } from '@angular/core';

@Injectable()
export class SharedDataService{
    hasUserLoggedIn: boolean;
}

然后在“AppComponent”中使用这个服务：

@Component({
  providers: [ SharedDataService ]
})

然后可以在整个应用程序中使用该变量。

Answer 2

选项1:您可以使用Shared Services

选项2:使用Pub-Sub方式，这样就可以在任何地方使用，而不需要注入服务实例

选项3(我强烈建议使用)：使用Redux

这将有助于维护应用程序状态。