为延迟加载的模块组件指定 routerLink？答案

【问题标题】：Specifying a routerLink for a lazy loaded module component?为延迟加载的模块组件指定 routerLink？
【发布时间】：2019-11-19 06:34:33
【问题描述】：

在这个演示应用程序中，我在延迟加载的书籍模块中有以下路线：

{ path: 'collection', component: CollectionPageComponent },

并在搜索组件中包含以下路由器链接：

  <a routerLink="collection">Collections</a>

将鼠标悬停在链接上时，它会显示路径books/collection。但是，当单击它时，它会路由到 404 页面。想法？

【问题讨论】：

【解决方案1】：

路线

{ path: ':id', component: ViewBookComponent, resolve: { book: BookResolverService }}

正在使用您的字符串collection 作为id 的输入。

要解决这个问题，

将特定路线放在顶部，即

{ path: 'collection', component: CollectionPageComponent },
{ path: ':id', component: ViewBookComponent, resolve: { book: BookResolverService }}

【讨论】：