Question

嘿，

我有应用，我们有多个用户，我想看到用户详细信息，所以我需要在进入路由之前通过id解析该用户。如果我第一次将自己归功于获取所有用户的用户组件，那么当我这样做时，一切都很好。但是在重新加载的情况下，路由会尝试按ID解析用户并失败，因为已经没有用户（他们还没有被提取）。我想检查用户是否存在，获取它们然后用户解析路由。这是代码：

resolve(route: ActivatedRouteSnapshot): Observable<any>|Promise<any>|any {
  let id = route.params['id'];

  if (!this.usersService.checkIfUsersExist()) {
    return this.usersService.getUsers().subscribe(
           (success) => {
              return this.usersService.getUserById(id); 
           },
           (error) => {
             this.router.navigate([ 'login ']);
           }
    );
 } else {
   return this.usersService.getUserById(id); 
 }
}

然后在组件中

this.route.data.subscribe(
  (res) => { 
    this.user= res['user'];
  }
);

当我收听路由数据时，我得到的只是用户的对象：订阅者。当我只返回this.usersService.getUserById函数时，用户对象正常。

Answer 1

将其更改为使用switchMap：

resolve(route: ActivatedRouteSnapshot): Observable<any>|Promise<any>|any {
  let id = route.params['id'];

  if (!this.usersService.checkIfUsersExist()) {
    return this.usersService.getUsers()
      .switchMap(
           (success) => {
              return this.usersService.getUserById(id); 
           })
      .catch((err) => this.router.navigate([ 'login ']));
 } else {
   return this.usersService.getUserById(id); 
 }
}

Angular2路由解析多个动作

1 个答案: