我正在尝试在特定的 DOM 节点内引导一个 Angular 2+ 应用程序(准确地说是 6 个)。我想在 Web 组件中执行此操作my-component
(使用StencilJS编写)。
理想情况下,我可以使用选择器或 HTMLElement 从 Web 组件的根元素引导。
然而,问题是 Angular 在页面上被“全局”实例化,因此试图将所有标签解释为 Angular 组件——而不仅仅是在我自己的 Web 组件中找到的那些:
我尝试了在网上找到的 3 种不同的方法。然而,他们中的许多人仍然使用.bootstrap
在较新的 Angular 版本中不再可用的方法。其他人只是在某个节点中实例化组件,而不是整个应用程序。
NgDoBootstrap
似乎是一种很有前途的方法,但它也会导致 Angular 解析页面上的所有组件。
我创建了一个 repo 来调查这个问题。任何帮助,将不胜感激。