问题标签 [angular2-providers]

我是 Angular 9 的初学者。我正在关注一个在线视频教程来练习 Angular，但是我的代码（与教程相同）有问题，我不知道怎么解决。实际上，教程将路由的东西都放在 app.module.ts 中，但我使用 app-routing.module.ts 来分离关注点。当我启动“ng serve --open”时，页面仍然空白并出现以下错误：

实际上，自从我使用提供程序以来，我就遇到了这个问题。是不是很难理解，因为控制台没有给出任何类行代码。但是，我试图在这里描述应该使用它的有用类，如果需要更多类，我会这样做：

--app.module.ts--

--app-routing.module.ts--

--book.component.ts--

当我使用 app-routing.module.ts 时，教程的 app.module 有很大的不同（其中也包含了路由的东西）：

我尝试了类似问题的解决方案，但它不起作用。

假设有一个父组件 P 。有两个子组件 B 和 C 。我在 P 的 ElementInjector 中提供了一个服务（假设是 MyService），并在 P 组件类的构造函数中注入了该服务。我在两个子组件 B 和 C 中再次注入服务。

我的问题是在这种情况下 B、C 和 P 可用的服务实例是否相同？

如果我只在两个子组件 B 和 C 而不是在父组件 P 中注入服务怎么办。在这种情况下，B 和 C 会有单独的 MyService 服务实例吗？

这是帮助可视化组件的图像。

编辑：

服务等级：

P组件的类：

组件 B 类：

组件 C 类：