Можно ли внутри компонента использовать другие компоненты в Angular?

Question

[msdosx86]

Вот примерно так

<app-component1>
   <app-component2></app-component2>
 </app-component1>

В документации не нашел, может плохо искал, буду рад ссылке. Я пытался так сделать, но ничего не выводит. Я так полагаю, всё, что внутри в `ng-template` заворачивается и поэтому не видно?

Answer 1

[msdosx86]

В общем, да. Нужно внутри первого компонента указать
<ng-content></ng-content>

куда и будет попадать второй компонент

Comments

[Владимир]

Не верно.

[msdosx86]

Владимир, прежде чем писать такое, вникните в суть вопроса. Я хотел использовать компоненты не внутри темплейта компонента, а в буквальном смысле внутри тега компонента, как и описал в вопросе. И я добился того, чего хотел.

[Владимир]

msdosx86, Из вашего вопроса я это не понял.

Answer 2

[Владимир]

https://angular.io/tutorial
Посмотри пример https://stackblitz.com/angular/arpdjrkqmxj
Ты компоненту задаешь селектор

@Component({
  selector: 'app-hero-detail',
  templateUrl: './hero-detail.component.html',
  styleUrls: ['./hero-detail.component.css']
})

В родительский компонент добавляешь

<app-hero-detail [hero]="selectedHero"></app-hero-detail>