Content projection ngidini sawijining komponen nampa lan nerjemahake markup sing dikirimi dening parenté — diselehake liwat <ng-content>. Iki dadi cara kanggo nggawe komponen wrapper sing lentur lan bisa dikembangake maneh (card, dialog, layout) sing konten jeroane dikontrol dening konsumen. (Iki padha karo Vue/web-component slots lan children ReactJS kanggo Angular.)
// card.component.ts
@Component({
selector: "app-card",
template: `
<div class="card">
<ng-content></ng-content> <!-- parent's content is projected here -->
</div>
`,
})
export class CardComponent {}
<!-- parent: anything between the tags is projected into <ng-content> -->
<app-card>
<h2>Title</h2>
<p>Any content I want!</p>
</app-card>
Kartu nyediyakake wrapper sing wis ditata; parenté mutusake apa sing mlebu jero — kasenso luwih lentur tinimbang ngirim string liwat @Input.
@Component({
selector: "app-panel",
template: `
<header><ng-content select="[panel-header]"></ng-content></header>
<main><ng-content></ng-content></main> <!-- default slot -->
<footer><ng-content select="[panel-footer]"></ng-content></footer>
`,
})
export class PanelComponent {}
<app-panel>
<h1 panel-header>My Panel</h1> <!-- goes to the header slot -->
<p>Main body content</p> <!-- goes to the default slot -->
<button panel-footer>OK</button> <!-- goes to the footer slot -->
</app-panel>
Atribut select (sawijining pamilih CSS — atribut, kelas, utawa tag) ngalihake saben piranti konten proyeksi menyang slot <ng-content> sing bener, ngidini tata letak multi-wilayah.
Projected content is created in the PARENT's context — its bindings, methods,
and lifecycle belong to the parent, not the wrapper component.
Content projection dadi kunci kanggo nggawe komponen UI sing bisa dikembangake maneh lan bisa digabung ing Angular — card, modal, tab, layout, lan sapa wae "shell" ing ngendi konsumen nyukani konten jero.
Bisane tanpa, komponen bakal kaku (mung bisa dikonfigurasi liwat input); kanthi <ng-content> (lan select kanggo akeh slot), padha dadi kontener lentur, sing penting banget kanggo sistem desain lan perpustakaan komponen sing dibabaraken.