Angular 在多个增强组件之间共享服务

我创建了两个单独增强的组件（在两个不同的视图中），并尝试在这两个组件之间共享一个唯一的服务（singleton）。该服务用于操作其中一个组件。我的服务：

@Injectable（）
导出类ModalContainerService{
私人部分：ModalContainer；
构造函数（）{}
setComponent（组件：ModalContainer）{
this.component=component；我没有得到您想要共享的服务，因此我使用
FooService
作为名称

创建
FooService
的实例，然后将值作为提供程序传递给booth
bootstrap（）

var fooService = new FooService();
bootstrap(AppComponent1, [provide(FooService, {useValue: fooService})]);
bootstrap(AppComponent2, [provide(FooService, {useValue: fooService})]);