Cad iad na comhpháirteanna neamhspleách?

Question

Accepted Answer

**Comhpháirteanna neamhspleách** (Angular 14+, réamhshocraithe sna leagain níos nuaí) a ligtear do chomhpháirt a **fhospróchlaim féin a fhógairt go díreach**, gan a bheith ina bhall d'`NgModule`. Laghdaíonn siad an pluda go mór agus is iad an bealach a bhí molaithe anois chun feidhmchláir Angular a thógáil. ## Comhpháirt neamhspleách ```ts import { Component } from "@angular/core"; import { CommonModule } from "@angular/common"; import { RouterLink } from "@angular/router"; @Component({ selector: "app-user-list", standalone: true, // ← no NgModule needed imports: [CommonModule, RouterLink], // ← declare dependencies HERE, on the component template: ` {{ u.name }} `, }) export class UserListComponent { users = []; } ``` Tuairiscíonn an chomhpháirt go díreach cad a úsáideann a template (`CommonModule` do `*ngFor`, `RouterLink` do naisc) — tá a fospróchlaim soiléir agus i gcomhthéacs, ionas nach ndéarfaí iad i NgModule ar leith. ## An codarsnacht le NgModules ```text NgModule approach: Standalone approach: ────────────────────────────────────────────────────────────── @NgModule({ declarations:[Comp], @Component({ standalone: true, imports:[CommonModule] }) imports:[CommonModule], ... }) → extra file, indirection → everything in one place ``` ## Feidhmchlár neamhspleách a bhunú (gan AppModule) ```ts import { bootstrapApplication } from "@angular/platform-browser"; import { provideRouter } from "@angular/router"; import { provideHttpClient } from "@angular/common/http"; bootstrapApplication(AppComponent, { providers: [ provideRouter(routes), // configure router functionally provideHttpClient(), // HttpClient without HttpClientModule ], }); ``` Cuireann feidhmchláir neamhspleách an `AppModule` fréimhe in ionad `bootstrapApplication` agus feidhmeanna **`provideX`** — cumraitheoireacht níos geal agus bunaithe ar fheidhmeanna. ## Buntáistí ```text ✓ Less boilerplate — no NgModule files to maintain ✓ Explicit dependencies — see exactly what a component uses ✓ Easier lazy loading — loadComponent() directly ✓ Simpler mental model — components are self-contained units ✓ Better tree-shaking potential ``` ## Cén fáth a bhfuil sé tábhachtach Is iad comhpháirteanna neamhspleách an **treo nua-aimseartha Angular** — soláthraíonn an creat comhpháirteanna neamhspleách de réir réamhshocrú agus feidhmeanna `provideX` ar fáil chun gné a chumrú gan mhodúil. Bainfidh siad an breis ualach fada a bhí ag NgModules, déanfaidh siad fospróchlaim soiléir agus áitiúil, agus simplifíodh siad uachtar deireanach agus an tsamhail meabhrach iomlán. Tá sé riachtanach comhpháirteanna neamhspleách (agus an socrú `bootstrapApplication`/`provideRouter`/`provideHttpClient`) a thuiscint chun a bheith ag obair san Angular reatha, agus fanaigí ar eolas ar NgModules do sheanghréine.