路由段已移至常量。下面的代码经过简化,但是在项目中大约有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
。但是,如果上面的序言中声明了常量,那么一切都可以。
对于每个导入Can not read split of undefined
的组件都会发出一个警告,因为与此组件同时已将它们导入路由模块中。实际上没有错误,但是对于组件导入PATIENT_URL_SEGMENTS
的情况,我想删除警告。
您知道如何实现吗?也许可以将常量声明移到单独的文件中?