angular - 如何使服务在库 Angular 中是全局的？

Question

我在 Angular 项目中分离了库。这个图书馆有服务 MapLibraryService。

import { ReonMapApi } from "./map-api";

export class MapLibraryService {
  private readonly mapConfig = { key: "k123456_78" };

}

它被注册到库的模块中:

@NgModule({
  declarations: [MapLibraryComponent, MenuToolsComponent],
  imports: [],
  exports: [MapLibraryComponent],
  providers: nMapLibraryService]
})
export class MapLibraryModule {}

当我在另一部分应用程序中尝试获取此服务的实例时:

export class MapControlsComponent implements OnInit {
  constructor(private reonMapLibraryService: MapLibraryService) {
}

它返回另一个 MapLibraryService 实例

Answer 1

如果您使用的是 Angular 9 候选发布版本，您可以使用平台注入(inject)器，它将提供页面上所有应用程序共享的特殊单例。

@Injectable({
  providedIn: 'platform'
})

For More Info