[英]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.