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

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 / документы / получение стартер-overview.html

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