Угловая маршрутизация, загрузка полной (под) проекта

Question

Я создал решение my-app с основным проектом и (под) проектом app1: структурное решение

С помощью ng-serve проект выполняется: my-app работает

С помощью ng-serve --project app1 запускается (под) проект: app1 работает

Затем я добавил маршрутизацию в мой-app, для ссылки на app1 (и app2): добавлена ​​маршрутизация

Запуск my-app и переход по URL-адресам работает: маршрутизация работает

Теперь модуль из app1 загружен в my-app. Но это не то, чего я хочу, я создал отдельный проект для загрузки всего проекта и использую собственный index.html из app1.

Можно ли с localhost: 4200 / app1 маршрутизировать полный проект app1? Таким образом он загружает main.ts и index.html из app1 вместо my-app?

Answer 1

Ваш код действительно загружает оба приложения.

Почему:

• , потому что вы загружаете SharedModule из них в ваш основной проект.

То, чего вы пытаетесь достичь, это ленивая загрузка модуля в соответствии с маршрутом.

Для этого в новой версии Angular у нас есть новый синтаксис:

loadChildren: () => import('./app1/app1.module').then(m => m.App1Module) }

И это все! Нет необходимости импортировать ваш модуль.

Answer 2

Спасибо за ваш ответ. Я изменил маршрутизацию с новым синтаксисом и удалил импорт поверх модуля: маршрутизация с отложенной загрузкой

Но он все равно загружает модуль из projects-app (subapp1 в моем случае) в компонент основного приложения (my-app): модуль, загруженный в основной компонент

Я хотел бы позвонить по URL-адресу http://localhost:4200/app1 и показать полный текстsubapp из папки projects, то есть с main.ts и index.html из subapp, а не из основного приложения.

Возможно ли это?