从父项目中访问应用时有条件地添加前缀

时间:2019-07-11 14:57:17

标签: angular angular-router project-structure

我刚完成一个有角度的7 (App1)应用程序。新要求是将此应用程序集成到新项目(App2)中。 (App1)既要作为独立来工作,又要从内部运行 (App2)。这是因为(App1)将免费提供给客户,除非他们选择购买完整的产品(App2),这是一个完整的解决方案。

我的问题是这个。从第二个内部访问第一个应用程序时,如何维护第一个应用程序的路由结构?

理想,我希望能够添加前缀 /customers成为app1/customers。这可行,但是当我尝试访问内部组件时,例如/customers/location,路由中断。

请注意,我说的是2个项目,其中有2个app-routing.module.ts等。

到目前为止,通过导入和导出所有延迟加载的模块及其路由,我已经设法将(App1)的功能导入第二个。

@NgModule({imports: [App1CustomerModule]}) 
export class App1CustomerLoader {}

,然后像这样在(App2)的app-routing.module中使用它:

{
   path: '',
   children: [
   {
      path: 'customers',
      loadChildren: '<path-to-loader>/customer-loader.module#App1CustomerLoader'
   },
   ...,
   ]
}

现在这可行,但是当我尝试通过添加路径为URL加上前缀时,由于客户的路由模块...内部路由无法访问。

当从(App1)内访问(App1)时,如何为所有(App2)路由添加前缀而不会仅破坏

0 个答案:

没有答案