Conas a oibríonn an fhúinneamh fhéaráilte dronnach spréachta Angular?

Question

Accepted Answer

Tá DI Angular **dronnach**: cuireann injecters crann i bhfríd a léiríonn an crann comhpháirte/modúil. Nuair a iarrann comhpháirt spleáchas, siúlann Angular **suas** an crann injecters go dtí go bhfaigheann sé provider — a dhéanann rialú ar cibé an bhfaigheann tú singilín roinnte nó samhla ar leith in aghaidh an chomhpháirt. ## An stór injecters ```text Root injector (app-wide) ← providedIn: 'root' lives here (one singleton) └─ Module/Route injectors └─ Component injector ← providers: [...] in @Component └─ Child component injector ``` Tosaíonn cuardach ag an chomhpháirt a iarrann agus at barr an oic. An **chéad** provider a fhaightear buaigh. ## An áit ar bhunús tú an scóipe a chinneann ```ts // 1. App-wide singleton — ONE instance shared everywhere @Injectable({ providedIn: "root" }) export class AuthService {} // 2. Component-scoped — a NEW instance per component (and its children) @Component({ selector: "app-widget", providers: [DataService], // each gets its OWN DataService }) export class WidgetComponent {} ``` Seo an poncúir eochair: tugann `providedIn: 'root'` singilín amháin roinnte; a liostáil provider i raon `providers` comhpháirt cruthú sampla nua-oscailte don fho-chrann sin comhpháirt (úsáideach chun stádas in aghaidh an chomhpháirt a bhac). ## Modóirí Breatnuithe ```ts constructor( @Optional() private logger: Logger, // null instead of error if not provided @Self() private local: LocalService, // only look in THIS injector @SkipSelf() private parent: ParentService, // skip self, start at the parent @Host() private host: HostService, // stop at the host component ) {} ``` Rialúionn na gréine seo *cé chomhfada* a chuardaíonn Angular an crann injecters — e.g `@Optional` a sheachaint earráid nuair a bhíonn spleáchas ar iarraidh, `@SkipSelf` a bhruith a úsáid máthair samhla. ## Comarthaí líonadh don spleáchais nach é rang ```ts export const API_URL = new InjectionToken("apiUrl"); // provide: { provide: API_URL, useValue: "https://api.example.com" } constructor(@Inject(API_URL) private apiUrl: string) {} ``` Ligean comarthaí ionchur luachanna / cumrasc (nach ach ranganna) agus cuir isteach leor-cumrasc (`useClass`, `useValue`, `useFactory`). ## Cén fáth a bhíonn sé tábhachtach Tuigint ar an injecters dronnach a léiríonn *cén fáth* go bhfuil seirbhís comhroinnte ar an sprioc app in aghaidh an dhúbailt de réir comhpháirt — foinse minic confusion « cén fáth ar roinn na comhpháirt seo / ní roinn an stádas? ». A rialú scóipe provider (`root` in aghaidh an chomhpháirt `providers`), a úsáid modóirí (`@Optional`, `@SkipSelf`), agus comarthaí líonadh do chumrasc / cumrasc inmhalartaithe ar chúis nach bhfuil DI Angular cumhachtach do bhoth ailtireacht agus tástáil.