gpt4 book ai didi

Angular 将父组件的多个服务实例用于子组件

转载 作者:行者123 更新时间:2023-12-05 06:13:43 25 4
gpt4 key购买 nike

我看过这个帖子:Using multiple instances of the same service .是否可以从父级到子级使用同一个服务的多个实例?

例如,我在 ParentComponent 中有一个 ElementService 并且有该服务的 2 个实例

{ provide: 'instance1', useClass: ElementService},
{ provide: 'instance2', useClass: ElementService},

如何在Child1Component中使用instance1,在Child2Component中使用instance2

最佳答案

您可以在每个子组件的构造函数(以及父构造函数)中注入(inject)命名提供者:

子组件1

constructor(@Inject('instance1') private service: ElementService) { }

子组件

constructor(@Inject('instance2') private service: ElementService) { }

这是一个带有计数器的工作示例:https://stackblitz.com/edit/angular-ivy-usorby?file=src%2Fapp%2Fchild1%2Fchild1.component.ts

关于Angular 将父组件的多个服务实例用于子组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63169306/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com