Javascript 如何将一个Angular应用程序用于另一个Angular应用程序的子路由？

我想使用惰性加载（当用户点击特定路线时）将Angular应用程序加载到另一个Angular应用程序中 我应该编译第一个应用程序，以便用于第二个应用程序还是什么

要嵌套到角度应用程序中的应用程序的路由模块：

const upgradeRoutes: Routes = [
  {
    path: '/upgrade',
    component: HelloComponent
  },
  { path: '', redirectTo: '/upgrade', pathMatch: 'full' }
];

@NgModule({
  imports: [
    RouterModule.forChild(upgradeRoutes)
  ],
  exports: [
    RouterModule
  ],
  declarations: []
})
export class UpgradeRoutingModule { }

要嵌套到角度应用程序中的应用程序模块

@NgModule({
  declarations: [
    AppComponent,
    HelloComponent
  ],
  imports: [
    CommonModule,
    UpgradeRoutingModule
  ],
  exports: [
    UpgradeModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class UpgradeModule { }

我要使用的应用程序模块（带延迟加载）子路径中描述的第一个模块：

import {UpgradeModule} from '../../node_modules/module-upgrade/src/app/app.module'  

@NgModule({
   declarations: [
     ...
   ],
   import: [ UpgradeModule ]
});

1） 我想知道这是否正确，和/或是否有其他方法

2） 另一个问题是子应用程序使用Angular 6，而第二个/主应用程序使用Angular 4。

或者：

• 不要引导您的子应用程序并将其用作子模块（这要求您将主应用程序升级到Angular 6，这至少需要重构RxJS操作符调用，可能还需要一些其他小功能）
• 或者只需将您的web服务器配置为在特定URL上为您的子应用程序提供服务。在这种情况下，您的两个应用程序将无法共享任何状态（除了全局命名空间、cookies和localStorage）或 角组件/服务/指令/管道

---

你也可以看看-当然这不是一个简单的方法，但是当用户点击特定url时，我如何加载外部模块（Angular app）以便在我的应用程序中使用？你必须按照以下指南将你的子应用程序包括在主应用程序构建中：，但你的子应用程序不会被引导，然后将无法作为独立应用程序运行我想在子路由中运行“子应用程序”，执行类似的操作

{path:'specific'，loadChildren:'app.module'}

让我们来看看。