Angular की forRoot() विधि का उपयोग कब करें

समस्या : हमें सभी लेज़ी लोडेड मॉड्यूल में एक सिंगलटन भाषा सेवा साझा करने की आवश्यकता थी। एक साल तक, मैंने forRoot() विधि को देखा और बस इसकी शक्ति को अनदेखा किया।

स्पष्टीकरण : forRoot()विधि एक NgModuleऔर उसके प्रदाता निर्भरताएँ लौटाती है।

इस उदाहरण में, हम काउंटर वैल्यू को बनाए रखने के लिए एक सेवा साझा कर रहे हैं। हर बार जब कोई घटक काउंटर सेवा में संग्रहीत मूल्य बढ़ाता है, तो मैं इसे सभी घटकों के साथ साझा करना चाहता हूं।

समस्या तब होती है जब आप आलसी लोडेड मॉड्यूल को पेश करने का प्रयास करते हैं। ध्यान दें कि आलसी लोडेड घटक समान काउंटर मान साझा नहीं करता है। केवल उत्सुक लोडेड घटकों का उपयोग करते समय, यदि आप साझा सेवा का उपयोग करते हैं तो नीचे दिया गया उदाहरण काम करेगा, लेकिन ध्यान दें कि आलसी लोडेड घटक कैसे व्यवहार करता है। आलसी घटक को सेवा का अपना उदाहरण मिलता है।

import { NgModule } from '@angular/core';
import { CounterService } from './counter.service';
@NgModule({
  providers: [CounterService],
})
export class SharedModule {}

समाधान : AppModule में forRoot() को कॉल करें और sharedModule में ModuleWithProviders लौटाएं।

shared.मॉड्यूल.ts

import { NgModule,ModuleWithProviders  } from '@angular/core';
import { CounterService } from './counter.service';
@NgModule({
})
export class SharedModule {
  static forRoot(): ModuleWithProviders {
    return {
      ngModule: SharedModule,
      providers: [ CounterService ]
    }
  }
}

import { NgModule } from '@angular/core';
import { BrowserModule  } from '@angular/platform-browser';
import { SharedModule } from './shared/shared.module';
import { AppComponent } from './app.component';
import { EagerComponent } from './eager.component';
import { routing } from './app.routing';
@NgModule({
  imports: [
    BrowserModule,
    SharedModule.forRoot(),
    routing
  ],
  declarations: [
    AppComponent,
    EagerComponent
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}

अब काउंटर सेवा उत्सुकता से लोड किए गए मॉड्यूल और आलसी लोड किए गए मॉड्यूल के बीच साझा की जाती है।

अन्य अनुशंसित पठन सामग्री:http://angularfirst.com/the-ngmodule-forroot-convention/

• नोट: मैं साझा सेवाओं और साझा निर्देशों को एक ही मॉड्यूल में रखने की अनुशंसा नहीं करूँगा। मैंने यह लेख भविष्य में अपने लिए संदर्भ के रूप में लिखा है।

कोणीय AsyncValidators