Angular6使用forRoot() 注冊單一實例服務問題

更新時間：2019年08月27日 16:49:33 作者：wuyongqiu

這篇文章主要介紹了Angular6使用forRoot() 注冊單一實例服務問題，本文給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下

假如我們有一個shareModule來存放公用的組件(Component)、指令(Directive)、管道(Pipe)、服務（Service），為避免各個子模塊引用shareModule時造成App中有多個一樣的單一實例服務的問題。我們可以在shareModule中建立同意的App層級的服務。

ShareModule
import { NgModule, ModuleWithProviders } from '@angular/core';
@NgModule({
  imports: [
    HttpModule,
    JsonpModule,
    ...
  ],
  declarations: [
    ShowItDirective,
    ...
  ],
  exports: [
    ShowItDirective,
    ...
  ]
})
export class ShareModule{
  // 給shareModule添加forRoot
  static forRoot(): ModuleWithProviders {
    return {
      ngModule: ShareModule,
      providers: [
        MessageService,
        NotifyService,
        ... any service
      ],
    };
  }
}
AppModule
@NgModule({
 declarations: [
  AppComponent,
 ],
 imports: [
  // 使用
  ShareModule.forRoot(),
 ],
 providers: [
  
 ],
 bootstrap: [AppComponent]
})
export class AppModule { }

這樣ShareModule中每一個service都只在app中注冊了一個實例，也避免了每次使用service都要provider的問題。

ERROR NullInjectorError: StaticInjectorError(AppModule)[SurveyComponent -> PermissionCheckerService]:
NullInjectorError: No provider for PermissionCheckerService!

總結

以上所述是小編給大家介紹的Angular6使用forRoot() 注冊單一實例服務問題,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉載，煩請注明出處，謝謝！

您可能感興趣的文章:

Angular2從搭建環(huán)境到開發(fā)步驟詳解
本文的內容主要是想幫助那些想學習Angular2的朋友們，因為我自己在玩Angular2時碰到了不少坑，而且Angular2語法一直處于變化中，讓人很頭疼。不過也怪不了Anguar2，因為它現(xiàn)在是處于并長期處于alpha階段，下面就通過本文來學習Angular2的搭建環(huán)境和開發(fā)吧。
2016-10-10
angularjs 處理多個異步請求方法匯總
這篇文章主要介紹了angularjs 處理多個異步請求方法匯總,需要的朋友可以參考下
2015-01-01
AngularJS通過ng-route實現(xiàn)基本的路由功能實例詳解
這篇文章主要介紹了AngularJS通過ng-route實現(xiàn)基本的路由功能,結合實例形式詳細分析了AngularJS使用ng-route實現(xiàn)路由功能的操作步驟與相關實現(xiàn)技巧,需要的朋友可以參考下
2016-12-12
AngularJS實現(xiàn)Input格式化的方法
這篇文章主要介紹了AngularJS實現(xiàn)Input格式化的方法,結合實例形式分析了AngularJS實現(xiàn)Input格式化的操作步驟與相關注意事項,需要的朋友可以參考下
2016-11-11
Commands Queries設計模式提高Angular應用性能及可維護性
在Angular應用開發(fā)領域,Commands and Queries 設計模式是一個關鍵的概念,它有助于有效地管理應用程序的狀態(tài)和與后端的交互,本文將深入探討這一設計模式的核心要點,并通過實際示例來加以說明
2023-10-10
angular directive的簡單使用總結
directive（指令）是angular的一個非常強大又有用的功能，它相當于實現(xiàn)了組件化的概念，我們可以通過它公共地自定義DOM元素或CLASS類或ATTR屬性，并且在這基礎上進行操作scope、綁定事件等等
2017-05-05
詳解@angular/cli 改變默認啟動端口兩種方式
這篇文章主要介紹了詳解@angular/cli 改變默認啟動端口兩種方式，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-11-11
Angular5.1新功能分享
這篇文章主要介紹了Angular5.1新功能以及相關的用法，需要的朋友參考學習下吧。
2017-12-12
Angular4如何自定義首屏的加載動畫詳解
Angular應用程序在首次加載根組件時會在瀏覽器的顯示一個loading...動畫，下面這篇文章主要給大家介紹了關于Angular4如何自定義首屏加載動畫的相關資料，文中通過示例代碼介紹的非常詳細，對大家具有一定的參考學習價值，需要的朋友們下面跟著小編來一起看看吧。
2017-07-07
Angular4學習筆記之準備和環(huán)境搭建項目
這篇文章主要介紹了Angular4學習筆記之準備和環(huán)境搭建項目，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-08-08