Я пытаюсь удалить тег вызываемого компонента из HTML, чтобы предотвратить некорректный CSS из внешних библиотек и просто показать внутреннее содержимое.
something.component.html
<div>
Hello World
</div>
another.component.html
<div>
<app-something [config]="somethingConfig"></app-something>
</div>
Затем выводит:
<div>
<app-something>
<div>
Hello World
</div>
</app-something>
</div>
И я хочу:
<div>
<div>
Hello World
</div>
</div>
Это невозможно из-за природы веб-компонентов, которые выводит Stencil.
Что вы можете сделать вместо этого: используйте правило CSS display: contents в своем компоненте, которое не позволяет ему создавать поле в макете (см. https://caniuse.com/css-display-contents, все еще в некоторой степени экспериментально).
В Stencil также есть функциональные компоненты (https://stenciljs.com/docs/functional-components), которые не генерируют родительский элемент, но доступны только в JSX, поэтому вам всегда понадобится хотя бы один родительский компонент Stencil (чтобы вы могли визуализировать некоторый JSX).
