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

Вам необходимо добавить <ng-content></ng-content> в файл шаблона для <app-component1>, куда вы хотите включить <app-component2></app-component2>.

Например, ниже может быть HTML-файл для компонента1: -

<div>
  <ng-content></ng-content> <!-- component 2 inserted here -->
</div>

Да, вы можете вложить компонент

@Component({
   selector: 'app-root',
   directives: [MyChildComponent]
   template: '<div><ChildComponent></ChildComponent></div>'
})
export class AppComponent {}

@Component({
   selector: 'ChildComponent',
   template: '<h2>Child component</h2>'
})
export class MyChildComponent {}

https://codecraft.tv/courses/angular/quickstart/nesting-components-and-inputs/