Динамический угловой компонент

Question

У меня есть требование добавить динамический компонент в приложение Angular. Идея состоит в том, чтобы связать компонент в один файл JavaScript, который будет загружен при определенных условиях.

Вся идея заключается в том, чтобы поставлять независимые компоненты (функции), как и когда они будут готовы. Они должны работать с приложением без проблем, без перекомпиляции основного приложения.

Я посмотрел на https://angular.io/guide/dynamic-component-loader. Но пример компилирует динамический компонент вместе с решением, которое я не смогу сделать.

Есть идеи, как мне этого добиться?

Answer 1

К сожалению, Angular требует, чтобы зависимость компонента была указана в модуле перед сборкой.

Есть несколько хороших статей о том, как загрузить компоненты во время выполнения, используя систему js, но нет четко определенной документации. Это возможно, но сложно.

https://github.com/kirjs/angular-dynamic-module-loading

https://github.com/nmarra/dynamic-module-loading

Динамически загружайте новые модули во время выполнения с Angular CLI & Angular 5

Также я хотел бы поделиться интересной ссылкой Single-SPA framework, которая поможет вам загрузить несколько приложений независимо от Angular,React,Vue и т. Д. Без IFrame.

https://single-spa.js.org/docs/getting-started-overview.html

В вашем случае вы можете загрузить несколько угловых приложений, которые вы можете сохранить как независимый пакет развертывания.