如何在角度路线声明中使用带字符串插值的常量?

时间:2018-08-13 10:32:58

标签: angular typescript import circular-dependency

路由段已移至常量。下面的代码经过简化,但是在项目中大约有5个惰性模块,每个模块都有大约20条路由,并且段通常用于router.navigate的服务和组件以及对象中的字符串键(某些组件的fe image:{{1 }})。因此,段已移为常量。

routing.module.ts

assets/images/${urlSegment}.jpg

export const PATIENT_URL_SEGMENTS = { TOOLS: 'tools', INDEX: 'index', }; const routes = [ { path: PATIENT_URL_SEGMENTS.TOOLS, component: ToolsComponent } { path: `${PATIENT_URL_SEGMENTS.TOOLS}/:${PATIENT_URL_SEGMENTS.INDEX}`, component: ToolDetailsComponent }] @NgModule({ imports: [RouterModule.forChild(routes)], exports: [RouterModule], providers: [] }) export class PatientRoutingModule { } 用于延迟加载的模块。如果我从单独的文件导入RoutingModule,则在浏览器控制台中会看到错误URL_SEGMENTS。但是,如果上面的序言中声明了常量,那么一切都可以。

有一个小问题,循环依赖警告 enter image description here

对于每个导入Can not read split of undefined的组件都会发出一个警告,因为与此组件同时已将它们导入路由模块中。实际上没有错误,但是对于组件导入PATIENT_URL_SEGMENTS的情况,我想删除警告。

您知道如何实现吗?也许可以将常量声明移到单独的文件中?

0 个答案:

没有答案