Угловые элементы: как использовать несколько угловых элементов в не угловых приложениях

Question

Я создал несколько угловых элементов, как показано ниже:

1. app-first-element
2. app-second-element
3. app-third-element

Когда я использую эти несколько элементов и пытаюсь выполнить рендеринг в неугловом приложении (то есть в простом пустом HTML-проекте), загружается только один элемент, остальные элементы не загружаются.

Вот пример документа, который я настраиваю https://github.com/BioPhoton/ng-elements-poc

Что я настроил?

1. отделен vendorChunk от angular.json, чтобы я мог использовать один и тот же vendor.js с несколькими элементами

2. Использование обычных полифилов для уменьшенияобременять или избегать нежелательных ошибок js

Вопрос:

1. Как выделить ngBootstrap для отображения элемента в его области видимостив одиночестве.

Что я пробовал:

1. Попытка создания приложения для конкретной платформыFactory, которая теоретически могла бы решить проблему

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

Заранее спасибо.