мы можем иметь разные версии Angular в одном приложении

Question

Можем ли мы запустить разные версии angular в одном приложении. Пример: Angular 8 и Angular 6 в одном приложении. Я знаю, что angular загружается в root div. Моя идея - загрузить 2 angular в 2 разных root делениях. Пример: в файле index. html у нас есть:

 <div id = "angular6"></div>
 <div id = "angular8"></div>

Я хочу знать, сможем ли мы это сделать и каковы будут шаги для достижения этого.

Answer 1

Да!

Есть 2 варианта, которые я могу себе представить

1. [рекомендуется] Использовать элемент angular (@ angular / element) : он преобразует все ваши компоненты веб-компонента и может использовать непосредственно на вашей странице, более чем angular 6 и angular 8 компонентов могут общаться друг с другом

2. Создать два main.ts подать в bootstrap оба приложения параллельно. Я думаю, что этот процесс создаст больше проблем для управления обоими приложениями:

и кодом bootstrap вашего приложения:

platformBrowserDynamic().bootstrapModule(AppModule)
  .catch(err => console.error(err));