How to display a component without wrapping it in its own tag?

Question

Angular

I don’t know how to google this question, and the title is also difficult to write to make it clear.
In Angular to render a component

@Component({
  selector: 'app-my-component'
})

you need to write a tag on the page and this tag will be displayed on the page and there will be a component inside it, for example
<app-my-component></app-my-component>

///some html code
<app-my-component>/* Some component code */</app-my-component>
///some other html code

Question : how to make the component appear not in the tag, but directly as it is?

///some html code
/* Some component code */
///some other html code

Answer 1

In general, I found a solution
Change the component to

@Component({
  selector: '[app-my-component]'
})

And use

///some html code
<div app-my-component>/* Some component code */</div>
///some other html code

Not exactly what you need, but it fits.