Resolver: export const homeDataFetchGuard = (route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<Response<Array<DisplayAnime>>> => { return inject(AnimeService).getUpdAniAnimeList(); };
http 服务:
getUpdAniAnimeList() {
return this.httpClient.get<Response<Array<DisplayAnime>>> (${environment.apiUrl}/anime/updAnimeList
);
}
路由模块: const routes: Routes = [{ path: '', component: MainComponent, children:[ { path: '', component: HomeComponent, resolve: { data: homeDataFetchGuard }}, ] }, { path: '**', redirectTo: '' } ];
@NgModule({ imports: [RouterModule.forRoot(routes, { scrollPositionRestoration: 'top' })], exports: [RouterModule] }) export class AppRoutingModule { }
component:
constructor(rivate route: ActivatedRoute) { }
ngOnInit(): void { this.route.data.pipe(map(data => data as Response<Anime>)).subscribe(res => { console.log(res.code); //里面的数据为 undefined });
}
大哥们帮忙看看为什么触发这个订阅时 res 内部的数据都为 undefined ,如果代码不够详细我可以提供更多,问题棘手的话我可以付费
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.