Angular 角度布线,满载(子)项目

Angular 角度布线,满载(子)项目,angular,routing,project,angular-routing,Angular,Routing,Project,Angular Routing,我创建了一个包含主项目和(子)项目“app1”的解决方案“我的应用程序”: 通过ng服务,项目运行: 使用ng serve--project app1(子)项目运行: 然后,我将路由添加到我的应用程序中,以引用app1(和app2): 运行“我的应用程序”并导航到url工作: 现在app1中的模块已加载到我的应用程序中。但这不是我想要的,我已经创建了一个单独的项目来加载整个项目,并使用app1的index.html 是否可以使用localhost:4200/app1路由到完整的app1

我创建了一个包含主项目和(子)项目“app1”的解决方案“我的应用程序”:

通过ng服务,项目运行:

使用ng serve--project app1(子)项目运行:

然后,我将路由添加到我的应用程序中,以引用app1(和app2):

运行“我的应用程序”并导航到url工作:

现在app1中的模块已加载到我的应用程序中。但这不是我想要的,我已经创建了一个单独的项目来加载整个项目,并使用app1的index.html


是否可以使用localhost:4200/app1路由到完整的app1项目?因此,它从app1加载main.ts和index.html,而不是我的应用?

您的代码确实在加载这两个应用

原因:

  • 因为您在主项目中加载了其中的
    SharedModule
您试图实现的目标是根据路线连接模块

为此,在Angular的新版本中,我们有一个新语法:

loadChildren: () => import('./app1/app1.module').then(m => m.App1Module) }
就这样!无需导入您的模块。

谢谢您的回复。 我已使用新语法更改了路由,并删除了模块顶部的导入:

但它仍然将模块从projects应用程序(在我的示例中为subapp1)加载到主应用程序(我的应用程序)的组件中:

我想调用url/app1并显示projectsfolder中的完整子应用程序,因此使用子应用程序而不是主应用程序中的main.ts和index.html

可能吗