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

Question

从登录组件输入mobile no以验证来自otp组件的otp后，我需要用户输入的移动号码和国家/地区代码作为参数传递给otp服务中的api。我需要将数据从登录传递到otp组件我怎么能在angular2中执行呢？

Answer 1

Sandip是对的。例如，在＆＃39; SharedDataService＆＃39;：

中定义以下共享变量

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

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

然后在“AppComponent＆＃39;：

”中使用此服务

@Component({
  providers: [ SharedDataService ]
})

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

Answer 2

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

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

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

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