角度元素:如何在非角度应用中使用多个角度元素

时间:2019-02-04 07:03:40

标签: angular angular-elements

我创建了多个如下所示的角度元素:

  1. 应用优先元素
  2. 应用第二元素
  3. 应用第三元素

当我使用这些多个元素并尝试在非角度应用程序(即简单的空白html项目)中渲染时,仅一个元素被引导,其余元素未被引导。

这是我正在自定义https://github.com/BioPhoton/ng-elements-poc的示例poc

我定制了什么?

  1. 从angular.json中分离vendorChunk,以便我可以将具有多个元素的相同vendor.js

  2. 使用常见的polyfill减轻负担或避免不必要的js错误

问题:

  1. 如何隔离ngBootstrap以使元素仅在其作用域内呈现。

我尝试过的事情:

  1. 尝试创建特定于应用程序的platformFactory,从理论上讲可以解决问题

const myPlatformFactory1 = createPlatformFactory(platformBrowserDynamic, 'app1'); myPlatformFactory1().bootstrapModule(AppModule).catch(err => console.log(err));

预先感谢。

0 个答案:

没有答案