特定のDOMノード内でAngular 2+アプリ(正確には6)をブートストラップしようとしています。my-component
これを Web コンポーネント( StencilJSで作成)内で実行したいと考えています。
理想的には、セレクターまたは HTMLElement を使用して Web コンポーネントのルート要素からブートストラップできます。
ただし、問題は、Angular がページ上で「グローバルに」インスタンス化されるため、すべてのタグを Angular コンポーネントとして解釈しようとすることです。これは、自分の Web コンポーネント内にあるものだけではありません。
Webで見つかった3つの異なるアプローチを試しました。ただし、それらの多くは.bootstrap
、新しい Angular バージョンでは使用できなくなった方法をまだ使用しています。アプリ全体ではなく、特定のノードでコンポーネントをインスタンス化するだけのものもあります。
NgDoBootstrap
非常に有望な方法のように見えましたが、Angular がページ上で見つかったすべてのコンポーネントを解析することにもつながります。
この問題を調査するためにレポを作成しました。どんな助けでも大歓迎です。