Apa iku NgModule?

Question

Apa iku NgModule?

Accepted Answer

Sawijining **NgModule** punika sakilas sing dipundekorasi karo `@NgModule` ingkang ngempalaken komponen-komponen ingkang gayut, direktif-direktif, pipa-pipa, lan layanan-layanan menyang sasiron ingkang padha, nyariosaken marang Angular caranipun ngompilasi lan nyambungaken sekayuning. (Cathetan: Angular ingkang enggal malih minateni **standalone components** ketimbang NgModules, nanging anggaran nyengkuyung NgModules tetep perlu kangge kaembakan kodo-kodo ingkang ana.)

## Anatomia paningal NgModule

```ts
import { NgModule } from "@angular/core";
import { CommonModule } from "@angular/common";

@NgModule({
  declarations: [UserListComponent, UserCardComponent], // components/directives/pipes THIS module owns
  imports: [CommonModule, FormsModule],                 // other modules whose exports we need
  exports: [UserListComponent],                          // what we make available to importers
  providers: [UserService],                              // services (DI) provided by this module
})
export class UsersModule {}
```

## Cacaturan gampil kaping papat

```text
declarations → components, directives, and pipes that BELONG to this module
imports      → other NgModules whose exported features this module needs
exports      → the subset of declarations/modules made available to importers
providers    → services registered for dependency injection
```

Sakilas bisa dipunpangaribawaken wonten ing **satunggal** modul kemawon, lan kudu dipunpangaribawaken (utawi dipunimpor minangka standalone) supados bisa dipunginakaken ing template-template modula wau.

## Modul ingkang asali

```ts
@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule, AppRoutingModule],
  bootstrap: [AppComponent], // the root component to launch
})
export class AppModule {}
```

Saben tatandingan (non-standalone) gadhah tinuturan `AppModule` kalayan tatandingan `bootstrap` ingkang ndisebut komponen ingkang mimulai.

## Modul-modul fitur lan organisasi

```text
AppModule (root) → imports → UsersModule, AdminModule, SharedModule
```

Tatandingan-tatandingan dipunatur menyang **modul-modul fitur** (satunggal saben wilayah domain) lan **modul ingkang kabagian** (komponen-komponen/pipa-pipa ingkang umum), menjagi basis kodhe supados modular lan ngidhinaken lazy loading saben fitur.

## Pagancahan menyang standalone

```ts
@Component({ standalone: true, imports: [CommonModule], ... }) // no NgModule needed
```

Angular ingkang enggal nyariosaken komponen-komponen bisa **standalone** — ngedharubaken kaandalalanipun kanthi langsung — ngrecakaken utawi ngungcupi NgModule boilerplate.

## Lha kok dadi perlu

NgModules punika mekanisme organisasi lan sambung kaandalan ingkang tradisional saking Angular — anggaran nyengkuyung `declarations`/`imports`/`exports`/`providers` minangka perlu kangge nyambut angkara-angkara ingkang akeh banget saking tatandingan Angular ingkang ana lan kangge anggaran nyengkuyung lazy loading.

Anekata kodo enggal mungkur standar menyang standalone components, anggaran nyengkuyung NgModule tetep perlu kangge kerjane Angular ingkang nyata.