1

呼び出されたコンポーネント タグを HTML から削除して、外部ライブラリからの破損した CSS を防ぎ、内部コンテンツのみを表示しようとしています。

何か.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>
4

1 に答える 1

3

Stencil が出力する Web コンポーネントの性質上、これは不可能です。

代わりにできること:display: contentsコンポーネントで CSS ルールを使用して、レイアウト内にボックスが生成されないようにします ( https://caniuse.com/css-display-contentsを参照してください。まだ実験的です)。

Stencil ( https://stenciljs.com/docs/functional-components ) には、親要素を生成しない機能コンポーネントもありますが、それらは JSX 内でのみ使用できるため、少なくとも 1 つの親 Stencil が常に必要になります。コンポーネント (一部の JSX をレンダリングできるようにするため)。

于 2020-09-24T13:26:24.927 に答える