[英]Angular Lazy Loading loading same route again
https://stackblitz.com/github/sandypm2020/BookStore
<ul class="leftNav">
<li>
<a routerLink="/books">Books</a>
</li>
<li>
<a routerLink="/users">Users</a>
</li>
</ul>
const routes: Routes = [
{
path: 'books',
loadChildren: () => import('./book/book.module').then((m) => m.BookModule),
},
{
path: 'users',
loadChildren: () => import('./user/user.module').then((m) => m.UserModule),
},
{ path: '', pathMatch: 'full', redirectTo: 'books' },
];
伙计们,我想使用延迟加载,我有以下路由和URLs
。 但是出于某种原因,当我去找user
它会再次加载books
路线,有人可以帮助解释为什么会发生这种情况吗?
首先:将href
更改为routerLink
,如下所示:
<ul class="leftNav">
<li>
<a routerLink="/books">Books</a>
</li>
<li>
<a routerLink="/users">Users</a>
</li>
</ul>
然后转到UserModule
并将路由添加到 import 部分,如下所示:
@NgModule({
declarations: [UserListComponent, AddUserComponent, UserEditComponent],
imports: [CommonModule, RouterModule.forChild(routes)],
})
export class UserModule {}
我看到stackblitz,不需要在app.routing.module.ts中导入booklist组件和user组件,请删除并再次测试,也让我知道
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.