如何在angular2中将一个组件连接到另一个组件

Question

我有2个不同的组件，也有不同的模块。 现在，我将数据保存在一个组件中，该保存的数据必须提取到另一组件中。 我如何获取组件之间的数据，请帮忙。

第一部分：

saveSidebar() {
    let params = { userGuID: this.uID, MenuIds: this.selectedMenuIds.toString() }
    console.log(params);
    this._Service.addUserMenu(params).subscribe((res) => {
      if (res.Header.Success) {

      }
    })
  }

这里保存的数据必须转到menu component中的其他组件

Answer 1

您可以使用在两个组件中都导入并且共享数据的服务。 因此，您可以从第一个组件更新服务，然后在另一个组件上创建一个事件侦听器，以侦听服务的更改并相应地更新ui / data。

Answer 2

对于亲子沟通，您可以使用@input（）@output（）;。 对于其他用户，您可以使用服务，在父模块或根模块中注册服务，以了解更多信息，请访问下面的链接。 https://blog.nrwl.io/essential-angular-dependency-injection-a6b9dcca1761

Answer 3

如果多个模块使用相同的变量数据，则最好在应用程序根目录级别创建服务，并在项目中需要的地方修改和访问其变量（服务示例代码）

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

      @Injectable({
      providedIn: 'root'
      })
      export class UserinfoService {
        public userName : string = 'username'
      }

为了在整个项目中都可以访问该服务，有必要在根级别上注入该服务。

Answer 4

您可以使用主题或行为主题。 一个组件的更改会自动使用主题反映到另一组件中。