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

Question

在从登录组件输入手机号以验证otp组件的otp之后，我需要该手机号和用户输入的国家/地区代码作为参数传递给otp服务中的api。 我需要将数据从登录名传递到otp组件，我该如何在angular2中执行该操作？

Answer 1

Sandip是正确的。 例如，在“ SharedDataService”中定义以下共享变量：

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

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

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

@Component({
  providers: [ SharedDataService ]
})

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

Answer 2

选项1：您可以使用共享服务

选项2：使用Pub-Sub方式，因此可以在任何地方使用而无需注入服务实例

选项3（强烈建议使用）：使用Redux

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