AngularResolver返回undefined
创始人
2024-10-29 05:00:20
0

通常Angular Resolver返回undefined是因为它不能正确地获取到所需信息。解决此问题的一种方法是确保Resolver函数返回正确的Observable,并使用管道操作符过滤或映射数据。

例如,假设我们有一个名为MyResolver的Resolver,它从API获取用户的详细信息并返回Observable。如果返回值为undefined,则可以检查以下内容:

@Injectable({ providedIn: 'root' })
export class MyResolver implements Resolve {
  constructor(private userService: UserService) {}

  resolve(
    route: ActivatedRouteSnapshot,
    state: RouterStateSnapshot
  ): Observable {
    const userId = route.paramMap.get('id');
    return this.userService.getUserDetails(userId);
  }
}

我们可以在Resolver中使用tap操作符,将获取到的用户信息输出到浏览器控制台:

resolve(
  route: ActivatedRouteSnapshot,
  state: RouterStateSnapshot
): Observable {
  const userId = route.paramMap.get('id');
  return this.userService.getUserDetails(userId).pipe(
    tap(user => console.log(user))
  );
}

然后在路由定义中使用Resolver:

const routes: Routes = [
  {
    path: 'user/:id',
    component: UserDetailsComponent,
    resolve: {
      user: MyResolver
    }
  }
];

UserDetailsComponent组件中,我们可以通过访问ActivatedRoute来获取解析器提供的数据:

constructor(private route: ActivatedRoute) {}

ngOnInit() {
  this.route.data.subscribe(data => {
    console.log(data.user); // should log the resolved user object
  });
}

相关内容

热门资讯

透视数据!wepoker透视底... 1、透视数据!wepoker透视底牌脚本,德普之星透视辅助软件,微扑克教程(本然存在有挂);详细教程...
透视讲解!wepoker辅助器... 透视讲解!wepoker辅助器安装包,wpk透视脚本,总算了解(有挂黑科技)是一款可以让一直输的玩家...
透视好牌!wpk辅助工具下载,... 透视好牌!wpk辅助工具下载,wepoker插件功能辅助器,解密教程(本然存在有挂)科技教程也叫必备...
透视存在!wepoker透视脚... 透视存在!wepoker透视脚本网页,wepoker底牌透视脚本,玩家科普(有挂黑科技)是一款可以让...
透视中牌率!wpk透视辅助方法... wpk透视辅助方法新手教程相关信息汇总(需添加指定Q群1067239143获取下载链接);透视中牌率...
透视系统!wepoker透视脚... 自定义wepoker透视脚本免费下载系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专...
透视中牌率!wpk透视脚本下载... 透视中牌率!wpk透视脚本下载,wepoker辅助脚本,技巧教程(都是存在有挂);亲们利用一分钟了解...
透视模拟器!aapoker有脚... 透视模拟器!aapoker有脚本吗,红龙poker脚本,新手必备(有挂黑科技);无聊就玩这款aapo...
透视透视!wpk有没有脚本,w... 透视透视!wpk有没有脚本,wepoker怎么看牌型,教你攻略(最初真的是有挂);wpk有没有脚本简...
透视有挂!hhpoker辅助器... 透视有挂!hhpoker辅助器,aapoker辅助包,总算明白(有挂规律)1、超多福利:超高返利,海...