在Angular 5中使用Shared-Service调用bootstrap

Question

我正在使用Angular 5.0.3并通过cli.angular.io创建了App。在我的App.module.ts文件中，我发现：

@NgModule({
  declarations: [...],
  imports: [...],
  providers: [...],
  bootstrap [AppComponent]
})

在其他较旧的问题中，我发现答案就像打电话一样

bootstrap(AppComponent, [SharedService]);

将SharedService保持为尽可能全局。这个引导调用如何在新的Angular-5环境中工作？

主要问题是我想在不丢失SharedService内容的情况下将BayUrl导航到其他路由器出口页面。

Answer 1

我认为你应该这样注入你的服务：

@NgModule({
 declarations: [...],
 imports: [...],
 providers: [SharedService],
 bootstrap [AppComponent]
})

这将创建一个在整个应用程序中共享的唯一单例。

Answer 2

已被清除。在provider对象部分的@NgModule装饰器中的AppModule中初始化一个全局SharedService。无处提供。在异物中使用构造函数来注入SharedService。

请注意在何处以及如何（经常）使用数据填充SharedService。我的问题是不止一次填充数据。