NgModule என்றால் என்ன?

Question

Accepted Answer

**NgModule** என்பது `@NgModule` மூலம் அலங்கரிக்கப்பட்ட ஒரு வகுப்பாகும், இது தொடர்புடைய கூறுகள், வழிசெலுத்தல்கள், குழாய்கள் மற்றும் சேவைகளை ஒரு ஒருங்கிணைந்த தொகுப்பாக இணைத்து, Angular-ஐ அவற்றை எவ்வாறு தொகுக்க வேண்டும் மற்றும் ஒன்றாக இணைக்க வேண்டும் என்பதை சொல்லுகிறது. (குறிப்பு: நவீன Angular점점 **தனியாக செயல்படும் கூறுகளை** NgModules-ஐ விட விரும்புகிறது, ஆனால் NgModules-ஐ புரிந்துகொள்வது பெரும்பாலான বিদ்யமான codebase-ன் জন்য இன்னும் அপরिहार்யமாகும்.)

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

## நான்கு முக்கிய வரிசைகள்

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

ஒரு கூறு **ஒரு** மட்டுமே module-ல் அறிவிக்கப்பட வேண்டும், மற்றும் அந்த module-ன் template-களில் பயன்படுத்த (அல்லது standalone என்று இறக்குமதி செய்ய) அறிவிக்கப்பட வேண்டும்.

## வேர் module

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

ஒவ்வொரு (தனியாக செயல்படாத) பயன்பாடும் ஒரு வேர் `AppModule`-ஐ கொண்டுள்ளது, இதில் ஆரம்ப கூறுக்கு பெயரிடும் `bootstrap` வரிசை உள்ளது.

## பண்பு modules மற்றும் ஒழுங்கமைப்பு

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

பயன்பாடுகள் **பண்பு modules** (ஒரு டொமைன் பகுதிக்கு ஒன்று) மற்றும் ஒரு **பகிரப்பட்ட module** (பொதுவான கூறுகள்/குழாய்கள்) என ஒழுங்கமைக்கப்பட்டுள்ளன, மேலும் codebase modular-ஐ பராமரித்து பண்பிற்கு lazy loading-ஐ செயல்படுத்த வீடுகிறது.

## தனியாக செயல்படுத்தும் கூறுகளுக்கு மாற்றம்

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

நவீன Angular கூறுகளை **தனியாக செயல்படும்** — அவற்றின் சொந்த சார்புகளை நேரடியாக அறிவிக்கும் — NgModule boilerplate-ஐ குறைப்பதன் மூலம் அல்லது அகற்றுவதன் மூலம் அனுமதிக்கிறது.

## ஏன் இது முக்கியமாக உள்ளது

NgModules என்பது Angular-ல் ஆய்வு மற்றும் சார்பு வயரிங்-க்கான பாரம்பரிய பறவை — `declarations`/`imports`/`exports`/`providers`-ஐ புரிந்துகொள்வது பெரும்பாலான பிரতियমான Angular பயன்பாடுகளை கடந்து செல்ல மற்றும் lazy loading-ஐ புரிந்துகொள்ள அপরिहार்யம்.

புதிய code standalone கூறுகளை நோக்கி சாயவிட்டாலும், NgModule அறிவு உண்மையான Angular வேலையின் জন்য இன்னும் அপरिहार्யமாக உள்ளது.