模块 - 延迟加载和依赖注入树

优质
小牛编辑
147浏览
2023-12-01

为了显示这种行为,让我们继续上一节的示例,并向我们的添加一个CounterService

app/lazy/lazy.module.ts

这里我们将添加到providers数组中。 我们的是一个简单的类,它保存对计数器属性的引用。

我们可以修改LazyComponent来使用这个服务,使用一个按钮来增加计数器属性。

app/lazy/lazy.component.ts

但问题是,我们如何验证服务是隔离的,不能在属于不同模块的组件中使用? 让我们尝试在中使用相同的服务。

app/eager.component.ts

如果我们尝试运行这个新版本的代码,我们将在浏览器控制台中收到一条错误消息: