Как вывести компонент не в оборачивая его в собственный тег?

Question

[Андрей]

Не знаю как загуглить этот вопрос, и заголовок тоже сложно написать чтоб было понятно.
В Angular для вывода компонента

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

нужно на странице написать тег
<app-my-component></app-my-component>
и на странице выведется этот тег и внутри него будет компонент, например

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

Вопрос: как сделать, чтобы компонент выводился не в теге а прямо как есть?

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

Answer 1

[Андрей]

В общем нашёл решение
Поменять компонент на

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

И использовать

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

Не совсем то что надо, но подходит.

Comments

[msdosx86]

эээээээ, а в чем разница? Что там что тут у вас тег, только в первом случае компонент, а во втором - div.

[Андрей]

msdosx86, разница в том, что если используется css-фреймворк, то использование компонента ломает внутренние стили, а использование дива - нет

[msdosx86]

Андрей, я думаю вам просто надо было в .css файле компонента написать

:host {
  display: block;
}