Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/460.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在angular2中从一个组件连接到另一个组件_Javascript_Angular_Typescript - Fatal编程技术网

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

Javascript 如何在angular2中从一个组件连接到另一个组件,javascript,angular,typescript,Javascript,Angular,Typescript,我有两个不同的组件,它们也是不同的模块。 现在我将数据保存在一个组件中,保存的数据必须回迁到另一个组件。 如何从一个组件到另一个组件获取数据,请帮助 第一部分: saveSidebar() { let params = { userGuID: this.uID, MenuIds: this.selectedMenuIds.toString() } console.log(params); this._Service.addUserMenu(params).subscrib

我有两个不同的组件,它们也是不同的模块。 现在我将数据保存在一个组件中,保存的数据必须回迁到另一个组件。 如何从一个组件到另一个组件获取数据,请帮助

第一部分:

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

      }
    })
  }

此处保存的数据必须转到不同组件中的
菜单组件
您可以使用在两个组件中导入的服务及其共享的数据。因此,您可以从第一个组件更新服务,然后在另一个组件上创建事件侦听器,侦听服务的更改并相应地更新ui/数据。

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

对于父子通信,您可以使用@input()@output(); 对于其他用户,您可以使用服务,在父模块或根模块中注册服务,要了解更多信息,请访问下面的链接。

对于父子通信,您可以使用@input()@output(); 对于其他用户,您可以使用服务,在父模块或根模块中注册服务,要了解更多信息,请访问下面的链接。

如果多个模块使用相同的变量数据,那么最好在应用程序根级别创建一个服务,在项目中需要时修改并访问其变量,即服务的示例代码

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

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

为了在整个项目中访问服务,必须使服务在根级别可注入。

如果多个模块使用相同的变量数据,那么最好在应用程序根级别创建服务,在项目中需要时修改并访问其变量,这是服务的示例代码

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

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

为了在整个项目中访问服务,必须在根级别注入服务。

您可以使用主题或行为主题。因为一个组件中的更改将自动反映在使用主题的其他组件中。

您可以使用主题或行为主题。因为一个组件中的更改将自动反映在使用主题的其他组件中。

只需定义一个共享服务,向其发送数据并从中获取即可。请参见,您可以使用
共享服务
,也可以实施
redux
来共享数据或称为状态管理。这将使您的应用程序更具可伸缩性。您只需定义一个共享服务,向其发送数据并从中获取数据。请参见,您可以使用
共享服务
,也可以实施
redux
来共享数据或称为状态管理。这将使您的应用程序更具可伸缩性。我仅以这种方式尝试过的应用程序的可能副本,但我无法在运行时获取数据need@Bhrungarajni你能分享你正在尝试的代码吗?我只是用这种方式尝试过,但我无法像我一样获得数据need@Bhrungarajni你能分享你正在尝试的代码吗?