时间戳

首页 > 解决方案 > 在另一个框架内的特定 DOM 元素上引导 Angular 2+ 应用程序

angular - 在另一个框架内的特定 DOM 元素上引导 Angular 2+ 应用程序

问题描述

我正在尝试在特定的 DOM 节点内引导一个 Angular 2+ 应用程序（准确地说是 6 个）。我想在 Web 组件中执行此操作my-component（使用StencilJS编写）。

理想情况下，我可以使用选择器或 HTMLElement 从 Web 组件的根元素引导。

然而，问题是 Angular 在页面上被“全局”实例化，因此试图将所有标签解释为 Angular 组件——而不仅仅是在我自己的 Web 组件中找到的那些： 在此处输入图像描述

我尝试了在网上找到的 3 种不同的方法。然而，他们中的许多人仍然使用.bootstrap在较新的 Angular 版本中不再可用的方法。其他人只是在某个节点中实例化组件，而不是整个应用程序。

NgDoBootstrap似乎是一种很有前途的方法，但它也会导致 Angular 解析页面上的所有组件。

我创建了一个 repo 来调查这个问题。任何帮助，将不胜感激。

https://github.com/bitflower/ng-stencil

标签： angulartwitter-bootstrapweb-componentstenciljsstencil-component

解决方案

推荐阅读