Çfarë është NgModule?

Question

Accepted Answer

Një **NgModule** është një klasë e dekoruar me `@NgModule` që grupon komponentet, direktiva, pipes dhe shërbime të ndërlidhura në një bllok koherent, duke i thënë Angular-it se si t'i kompajlojë dhe t'i lidhë ato bashkë. (Shënim: Angular modern-a favorizon gjithnjë e më shumë **komponentet e vetëqëndrueshme** në vend të NgModule-ve, por kuptimi i NgModule-ve është ende i domosdoshëm për shumicën e bazave të kodit ekzistuese.)

## Anatomia e një 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 {}
```

## Katër vargjet kryesore

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

Një komponent mund të deklarohet vetëm në **një** modul dhe duhet të deklarohet (ose të importohet si e vetëqëndrueshme) për t'u përdorur në templates-et e atij moduli.

## Moduli rrënjë

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

Çdo aplikacion (jo-vetëqëndruese) ka një `AppModule` rrënjë me një varg `bootstrap` që emëron komponentin fillestar.

## Modulet e veçorive dhe organizimi

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

Aplikacionet janë të organizuara në **module veçore** (një për secilën fushë) dhe një **modul i ndarë** (komponentet/pipes të përbashketa), duke e mbajtur kodin modular dhe duke mundësuar lazy loading për veçori.

## Kalimi në komponentet e vetëqëndrueshme

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

Angular modern lejon që komponentet të jenë **të vetëqëndrueshme** — duke deklaruar varësitë e tyre direkt — duke reduktuar ose eleminuar Angular Module-n.

## Pse është e rëndësishme

NgModule-t janë mekanizmi tradicional i organizimit dhe lidhjes së varësive në Angular — kuptimi i `declarations`/`imports`/`exports`/`providers` është i nevojshëm për të naviguar shumicën e aplikacioneve ekzistuese të Angular dhe për të kuptuar lazy loading-un.

Meskë kodi i ri priret drejt komponenteve të vetëqëndrueshme, njohuritë e NgModule-ve mbeten thelbësore për punën reale të Angular-it.