角路由，加载完整（子）项目

Question

我用主项目和（子）项目“ app1”创建了一个解决方案“ my-app”： structure solution

使用ng-serve，项目运行： my-app works

使用ng-serve --project app1，（子）项目运行： app1 works

然后，我向我的应用添加了路由，以引用到app1（和app2）： added routing

运行my-app并导航到url可以工作： routing works

现在，来自app1的模块已加载到my-app中。但这不是我想要的，我创建了一个单独的项目来加载整个项目并使用app1自己的index.html。

是否可以使用localhost：4200 / app1路由到完整的app1项目？因此，它是从app1而非my-app加载main.ts和index.html吗？

Answer 1

您的代码确实正在加载两个应用程序。

为什么：

• 因为您将其中SharedModule个加载到主项目中。

您要实现的目标是根据路由lazy load模块。

为此，在新版本的Angular中，我们有了新的语法：

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

就是这样！无需导入模块。

Answer 2

感谢您的回复。 我已使用新语法更改了路由，并删除了模块顶部的导入：routing with lazy loading

但是它仍将模块从projects-app（在我的情况下为subapp1）加载到主应用程序（my-app）的组件中：module loaded in main component

我想要的是调用URL http://localhost:4200 / app1 并显示来自projects文件夹的完整子应用程序，以及来自子应用程序的main.ts和index.html以及不是来自主应用程序。

有可能吗？