Menene NgModule?

Question

Menene NgModule?

Accepted Answer

**NgModule** shine ajin da aka ƙera da `@NgModule` wanda ke tara abubuwan da ke da alaka, jita, biyun da aiki a cikin gida ɗaya mai iko, yana gaya wa Angular yadda za ta haɗa kuma a toshe su tare. (Bayyani: Angular na zamani yana buƙatar **abubuwan da ke zaune" idan dai da NgModules, amma fahimtar NgModules har yanzu shine mahimmaci don galibi kasusuwan gida da akwai.)

## Tsarin 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 {}
```

## Gidajen mahimmanci guda huɗu

```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
```

Abu kaɗai za a iya bayyana a cikin **modules** ɗaya kaɗai, kuma dole a bayyana shi (ko shigo shi a matsayin zaune) don zai iya amfani a cikin sifofi na wannan modul.

## Ainihin modul

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

Kowace (ba zaune ba) aikace-aikace yana da tushen `AppModule` tare da jeri na `bootstrap` wanda ke suna abun da zai fara.

## Modules na fasali da tsari

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

Aikace-aikacen an tsara su zuwa **modules na fasali** (ɗaya in domain area) da **modul da aka raba" (abubuwan/biyun gida), sauƙin gida kuma yana bada damar jigon karɗa in fasali.

## Jiya zuwa zaune

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

Angular na zamani yana bada damar abubuwan su zama **zaune** — bayyana nasu dogara kai tsaye — raguwa ko kawar da boilerplate NgModule.

## Me yasa ya zama mahimmaci

NgModules shi ne tsarin gida da jiya-jiya na Angular — fahimtar `declarations`/`imports`/`exports`/`providers` ya zama mahimmaci don bugun jiya kasusuwan Angular da akwai kuma don fahimtar jigon karɗa.

Ko da yake sabon code yana karo zuwa abubuwan zaune, ilimin NgModule har yanzu shine mahimmaci don aiki na duniya ta gaske.