Angular6使用forRoot() 注冊(cè)單一實(shí)例服務(wù)問(wèn)題
假如我們有一個(gè)shareModule來(lái)存放公用的組件(Component)、指令(Directive)、管道(Pipe)、服務(wù)(Service),為避免各個(gè)子模塊引用shareModule時(shí)造成App中有多個(gè)一樣的單一實(shí)例服務(wù)的問(wèn)題。我們可以在shareModule中建立同意的App層級(jí)的服務(wù)。
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中每一個(gè)service都只在app中注冊(cè)了一個(gè)實(shí)例,也避免了每次使用service都要provider的問(wèn)題。
ERROR NullInjectorError: StaticInjectorError(AppModule)[SurveyComponent -> PermissionCheckerService]:
NullInjectorError: No provider for PermissionCheckerService!
總結(jié)
以上所述是小編給大家介紹的Angular6使用forRoot() 注冊(cè)單一實(shí)例服務(wù)問(wèn)題,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
如果你覺(jué)得本文對(duì)你有幫助,歡迎轉(zhuǎn)載,煩請(qǐng)注明出處,謝謝!
相關(guān)文章
Angular ng-repeat指令實(shí)例以及擴(kuò)展部分
這篇文章主要為大家詳細(xì)介紹了Angular ng-repeat指令實(shí)例以及擴(kuò)展部分,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12AngularJS控制器controller給模型數(shù)據(jù)賦初始值的方法
這篇文章主要介紹了AngularJS控制器controller給模型數(shù)據(jù)賦初始值的方法,涉及AngularJS控制器controller簡(jiǎn)單賦值操作實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-01-01Angular統(tǒng)一注入器unified injector簡(jiǎn)化依賴關(guān)系管理
這篇文章主要為大家介紹了Angular統(tǒng)一注入器unified injector簡(jiǎn)化依賴關(guān)系管理的使用方法實(shí)例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-10-10angularjs的select使用及默認(rèn)選中設(shè)置
本篇文章主要介紹了angularjs的select使用及默認(rèn)選中設(shè)置,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2017-04-04AngularJS基礎(chǔ) ng-list 指令詳解及示例代碼
本文主要介紹AngularJS ng-list 指令,這里幫大家整理了ng-list指令的基本資料,并附有示例代碼,有需要的小伙伴可以參考下2016-08-08Angular.js中angular-ui-router的簡(jiǎn)單實(shí)踐
本篇文章主要介紹了Angular.js中angular-ui-router的簡(jiǎn)單實(shí)踐,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07Angular實(shí)現(xiàn)預(yù)加載延遲模塊的示例
本篇文章主要介紹了Angular實(shí)現(xiàn)預(yù)加載延遲模塊的示例,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-10-10在AngularJS中如何使用谷歌地圖把當(dāng)前位置顯示出來(lái)
這篇文章給的大家介紹在AngularJS中如何使用谷歌地圖把當(dāng)前位置顯示出來(lái),本文介紹的非常詳細(xì),具有參考借鑒價(jià)值,對(duì)angularjs 谷歌地圖相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2016-01-01AngularJs解決跨域問(wèn)題案例詳解(簡(jiǎn)單方法)
本文通過(guò)一個(gè)案例給大家介紹angularJs解決跨域問(wèn)題,非常具有參考借鑒價(jià)值,感興趣的朋友一起學(xué)習(xí)吧2016-05-05