Angular 来自多个子对象的输出和发射器
我的app.component中有一个侧栏。我希望能够从多个子组件更新它。这里有一个关于如何将数据从子组件发送到父组件的示例: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
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。然后按需加载服务。或者,您可以在提供者阵列中提供服务
如果您想获得更多的技术检查,它提供了一个全局存储解决方案。我可以想到的一种方法是使用边栏组件注入的边栏服务 在侧边栏服务中,您可以有一个行为主题,您的子组件也可以访问并发出其值,您可以在侧边栏组件中侦听并相应地作出反应
编辑-就在我发布的时候,另一个答案证实了我的想法 我能想到的一种方法是使用边栏组件注入的边栏服务 在侧边栏服务中,您可以有一个行为主题,您的子组件也可以访问并发出其值,您可以在侧边栏组件中侦听并相应地作出反应
编辑-就在我发布的时候,另一个答案证实了我的想法 谢谢你们,谢谢你们。