Cad a bhíonn i gceist le teilgean ábhair le ng-content?

Question

Accepted Answer

**Teilgean ábhair** a cheadaíonn do chomhpháirt **marcáil a rinne a thuismitheoir a chur isteach agus a thaifeadadh** — arna shocrú trí ``. Seo an chaoi ar a bhuild tú comhpháirteanna foluain inathúsáilte (cairteacha, idirlíonadh, leagain) ina rialú an tomhaltóir an spás inmheánach. (Is ionann é agus comhionann Angular do theirmeacha Vue/web-component agus `children` React.) ## Teilgean singil-spréachta ```ts // card.component.ts @Component({ selector: "app-card", template: `

`, }) export class CardComponent {} ``` ```html

Title

Any content I want!

``` Soláthaíonn an cárta an foluain stílithe; cinneann an tuismitheoir cad atá taobh istigh — i bhfad níos solúbtha ná teaghráin a chur tríd `@Input`. ## Teilgean il-spréachta le select ```ts @Component({ selector: "app-panel", template: `

`, }) export class PanelComponent {} ``` ```html

My Panel

Main body content

``` Fuasclaíonn an tréith `select` (roghnóir CSS — tréith, aicme nó clib) gach píosa d'ábhar teilgte chuig an spréachta `` ceart, ag cumasú leagain il-réigiúnach. ## Coimeádann ábhar teilgte a thimpeallacht bhunaidh ```text Projected content is created in the PARENT's context — its bindings, methods, and lifecycle belong to the parent, not the wrapper component. ``` ## Cén fáth a bhíonn tábhacht ann Is é teilgean ábhair an eochair chun comhpháirteanna UI **inathúsáilte, inchómhdhéanta** a thógáil in Angular — cairteacha, modalanna, tabairt, leagain, agus aon "lann" áit ar soláthraíonn an tomhaltóir an spás inmheánach. Gan í, bheadh comhpháirteanna righin (ináirithe amháin trí ionchur); le `` (agus `select` do spréachtaí il), bíonn siad ina gconuairí solúbtha, rud is riachtanach do chórais dhearaidh agus leabharlann chomhpháirteanna roinnte.