Is it possible to use other components inside a component in Angular?

Question

JavaScript

Like this

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

I did not find it in the documentation, maybe I was looking badly, I will be happy with the link. I tried to do this, but it doesn't output anything. I assume that everything inside `ng-template` is wrapped and therefore not visible?

Answer 1

In general, yes. It is necessary to indicate inside the first component where the second component will fall

Answer 2

https://angular.io/tutorial
See example https://stackblitz.com/angular/arpdjrkqmxj
You set a selector to a component

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

Add to parent component

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