Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/33.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
Angular 来自多个子对象的输出和发射器_Angular - Fatal编程技术网

Angular 来自多个子对象的输出和发射器

Angular 来自多个子对象的输出和发射器,angular,Angular,我的app.component中有一个侧栏。我希望能够从多个子组件更新它。这里有一个关于如何将数据从子组件发送到父组件的示例: import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-root', template: `<app-child></app-child>` }) export class AppComponent implements OnIn

我的app.component中有一个侧栏。我希望能够从多个子组件更新它。这里有一个关于如何将数据从子组件发送到父组件的示例:

import { Component, OnInit } from '@angular/core';
@Component({
    selector: 'app-root',
    template: `<app-child></app-child>`
})
export class AppComponent implements OnInit {
    ngOnInit() {
    }
}
但是,该示例将父组件绑定到特定的子组件:

import { Component, OnInit } from '@angular/core';
@Component({
    selector: 'app-root',
    template: `<app-child></app-child>`
})
export class AppComponent implements OnInit {
    ngOnInit() {
    }
}

正如您所见,模板a绑定到特定于子应用的应用程序。您如何制作一个更通用的解决方案,以便多个子项可以发送事件以更新菜单?

通过服务进行通信使其完全通用。这不仅限于父子通信,还包括任意两个组件之间的通信:

文件在这里-

基本上,希望发送数据的组件将数据发送到服务方法。然后,该服务向一个主题发送nextdata。然后,订阅主题的任何内容都将接收数据

现在,您可以使用以下方式在根级别提供服务:

@Injectable({
  providedIn: 'root'
})
而不必在提供者数组中列出它。我想这只是角度6。然后按需加载服务。或者,您可以在提供者阵列中提供服务


如果您想获得更多的技术性信息,请查看提供全球门店解决方案的门店。

通过服务进行的通信使其完全通用。这不仅限于父子通信,还包括任意两个组件之间的通信:

文件在这里-

基本上,希望发送数据的组件将数据发送到服务方法。然后,该服务向一个主题发送nextdata。然后,订阅主题的任何内容都将接收数据

现在,您可以使用以下方式在根级别提供服务:

@Injectable({
  providedIn: 'root'
})
而不必在提供者数组中列出它。我想这只是角度6。然后按需加载服务。或者,您可以在提供者阵列中提供服务


如果您想获得更多的技术检查,它提供了一个全局存储解决方案。

我可以想到的一种方法是使用边栏组件注入的边栏服务

在侧边栏服务中,您可以有一个行为主题,您的子组件也可以访问并发出其值,您可以在侧边栏组件中侦听并相应地作出反应


编辑-就在我发布的时候,另一个答案证实了我的想法

我能想到的一种方法是使用边栏组件注入的边栏服务

在侧边栏服务中,您可以有一个行为主题,您的子组件也可以访问并发出其值,您可以在侧边栏组件中侦听并相应地作出反应


编辑-就在我发布的时候,另一个答案证实了我的想法

谢谢你们,谢谢你们。