模块 - 共享模块和依赖注入

让我们创建一个名为的新模块，并在那里定义CounterService。

app/shared/shared.module.ts

现在我们将引入 SharedModule 到AppModule 和中。

app/lazy/lazy.module.ts

使用此配置，两个模块的组件都可以访问CounterService。 我们将以完全相同的方式在EagerComponent和LazyComponent中使用此服务。 只是一个按钮来增加服务的内部属性。

app/eager.component.ts

如果看过了上面的在线示例，你会注意到计数器似乎在EagerComponent和LazyComponent中独立行为，我们可以增加一个计数器的值，而不改变另一个。 换句话说，我们最终得到了两个CounterService实例，一个存在于的DI树根目录中，另一个存在于LazyModule可访问的DI树的较低分支中。

这不是必要的错误，你可能会发现，你可能需要不同的实例相同的服务，但我打赌大部分时间，这不是你想要的。 考虑认证服务的例子，你需要具有相同的信息的相同实例在任何地方都可以忽略，如果我们在一个急切或延迟加载模块中使用服务。

在下一节中，我们将学习如何只有一个共享服务实例。