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