Если вам нужен вложенный компонент, используйте ng-content
в родительских, например
@Component({
selector: 'root',
template: 'I'm root, '
})
export class RootComponent{}
@Component({
selector: 'child',
template: 'I'm children in the root '
})
export class ChildComponent{}
и т. д.
Затем в вашем шаблоне вы можете написать:
Он отобразит I'm root, I'm children in the root
Или
Hello world!
Он отобразит I'm root, Hello World!
Вот отличная статья об использовании ng-content (transclusion)