我创建了多个角度元素,如下所示:
- 应用第一元素
- 应用第二元素
- 应用程序第三元素
当我使用这些多个元素并尝试在非角度应用程序(即简单的空白 html 项目)中渲染时,只有一个元素被引导,其余元素没有被引导。
这是我正在自定义的示例 poc https://github.com/BioPhoton/ng-elements-poc
我定制了什么?
与 angular.json分开
vendorChunk
,这样我就可以将相同的 vendor.js 与多个元素一起使用使用常见的 polyfill 来减轻负担或避免不必要的 js 错误
问题:
- 如何隔离将
ngBootstrap
元素单独渲染到其范围。
我试过的:
- 尝试创建应用程序特定的平台工厂,理论上可以解决问题
const myPlatformFactory1 = createPlatformFactory(platformBrowserDynamic, 'app1');
myPlatformFactory1().bootstrapModule(AppModule).catch(err => console.log(err));
提前致谢。