Menene tsarin abun ciki tare da ng-content?

Question

Accepted Answer

**Tsarin abun ciki** yana ba da izini ga komfara don karbo da jajera **tunataren da mahimmansa ya jiko** — wacce aka saka ta hanyar ``. Wannan shine yadda kuke gina sassan jujjuyawar masu amfani (karatuna, abubuwa, layanan) wanda mai amoowa yake ikon aikin ciki. (Yana daidai da kadarorin Vue/web-component slots da React's `children`.) ## Tsarin wuri guda ```ts // card.component.ts @Component({ selector: "app-card", template: `

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

Title

Any content I want!

``` Karatun ta samar da jujjuya mai salo; mahimmansa yanzu hanya ya tangata me ya fi ciki — sosai mafi mahimmanci fiye da watsi jeri ta hanyar `@Input`. ## Tsarin ciki mai yawa tare da select ```ts @Component({ selector: "app-panel", template: `

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

My Panel

Main body content

``` Attribute `select` (CSS selector — attribute, ajiya, ko taag) yana juje kowane gibin abun ciki na karbo zuwa daidaitaccen `` wuri, yana ba da hidima layanan ciki mai yawa. ## Abun ciki na karbo yana adana asalinsu aiki ```text Projected content is created in the PARENT's context — its bindings, methods, and lifecycle belong to the parent, not the wrapper component. ``` ## Me ya sa haka muhimmanci Tsarin abun ciki ita ce mabugi don gina sassan **masu amfani da samarwa** UI a cikin Angular — karatuna, modals, waɗanshe, layanan, da duk wani "jujjuya" inda mai amoowa yake ba da abun ciki na ciki. Ba tare da ita ba, sassan za a zama masu kusuri (kawai sada ta hanyar inputs); tare da `` (da `select` don waɗanshe da yawa), suna zama jujjuyan masu amfani, wacce ita ce muhimmanci ga tsaren ƙira da ɗalibi sassan misaltuwa.