Angular, bir bileşeni diğer bileşenlere sunmanın iki yolunu destekler: bağımsız bir bileşen olarak veya bir NgModule içinde.
Standalone components #
Bir standalone component, bileşen meta verilerinde standalone: true değerini ayarlayan bir bileşendir. Bağımsız bileşenler, şablonlarında kullanılan diğer bileşenleri, direktifleri ve boruları doğrudan içe aktarır.
@Component({
standalone: true,
selector: 'profile-photo',
})
export class ProfilePhoto { }
@Component({
standalone: true,
imports: [ProfilePhoto],
template: `<profile-photo />`
})
export class UserProfile { }Standalone components doğrudan diğer Standalone components aktarılabilir.
Angular ekibi, tüm yeni geliştirmeler için Standalone components kullanılmasını önermektedir.
