Kapan menggunakan metode forRoot() Angular

Masalah : Kami perlu berbagi layanan bahasa tunggal di semua modul yang dimuat dengan lambat. Selama setahun, saya melihat metode forRoot() dan mengabaikan kekuatannya.

Penjelasan : forRoot()Metode ini mengembalikan NgModuledependensi dan penyedianya.

Dalam contoh ini, kami berbagi layanan untuk mengimbangi nilai counter. Setiap kali komponen mana pun menambah nilai yang disimpan di layanan penghitung, saya ingin membagikannya dengan semua komponen.

Masalahnya adalah ketika Anda mencoba memperkenalkan modul yang dimuat dengan lambat. Perhatikan bagaimana komponen yang dimuat dengan lambat tidak memiliki nilai penghitung yang sama. Saat hanya menggunakan komponen yang dimuat dengan cepat, contoh di bawah ini akan berfungsi jika Anda menggunakan layanan bersama, namun perhatikan bagaimana perilaku komponen yang dimuat dengan lambat. Komponen yang malas mendapatkan instance layanannya sendiri.

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

Solusi : Panggil forRoot() di AppModule dan kembalikan ModuleWithProviders di sharedModule.

bersama.modul.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 {}

Sekarang layanan penghitung dibagi antara modul yang dimuat dengan penuh semangat dan modul yang dimuat dengan lambat.

Bacaan lain yang direkomendasikan:http://angularfirst.com/the-ngmodule-forroot-convention/

• Catatan: Saya tidak akan merekomendasikan menempatkan layanan bersama dan arahan bersama dalam modul yang sama. Saya menulis artikel ini sebagai referensi bagi diri saya sendiri di masa depan.

Validator Async Sudut