How to display a feature not wrapping it in its own tag?

Don't know how to Google this question, and the title too hard to write to make it clear.
In Angular for component output
@Component({
 selector: 'app-my-component'
})

need page, write tag
<app-my-component></app-my-component>
and the page would display this tag and inside it will component, such as
///some html code
<app-my-component>/* Some component code */</app-my-component>
///some other html code

Question: how can I make the component not displayed in the tag and right as it is?
///some html code
/* Some component code */
///some other html code
March 19th 20 at 09:06
1 answer
March 19th 20 at 09:08
Solution
In General, I found the solution
To change the component
@Component({
 selector: '[app-my-component]'
})

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

Not quite what we need, but it fits.
eeeeeee, what's the difference? What is there here you have a tag, only in the first case component and the second div. - Ambrose_Spenc commented on March 19th 20 at 09:11
@Ambrose_Spenc, the difference is that if you use a css framework, we use the component breaks the internal styles, and the use of diva - no - emie_Swaniawski commented on March 19th 20 at 09:14
@emie_Swaniawski, I think you just have to .css file component to write
:host {
 display: block;
}
- Ambrose_Spenc commented on March 19th 20 at 09:17

Find more questions by tags Angular