为了显示这种行为,让我们继续上一节的示例,并向我们的添加一个CounterService
。
app/lazy/lazy.module.ts
这里我们将添加到providers
数组中。 我们的是一个简单的类,它保存对计数器属性的引用。
我们可以修改LazyComponent
来使用这个服务,使用一个按钮来增加计数器属性。
app/lazy/lazy.component.ts
但问题是,我们如何验证服务是隔离的,不能在属于不同模块的组件中使用? 让我们尝试在中使用相同的服务。
app/eager.component.ts
如果我们尝试运行这个新版本的代码,我们将在浏览器控制台中收到一条错误消息: