过滤 Observable 中的第一项

Question

我有以下组件：

export class UserComponent implements OnInit {

  user$: Observable<UserModel>;

  constructor(private userService: UserService) { }

  ngOnInit() {

    this.user$ = this.getUser();

  }

  getUser(): Observable<UserModel> {

    return this.userService.getByUserId(25).pipe(map((payload: Payload<UserResponse>) => {

      return payload.result.map((response: UserResponse) => { 

        return {
          id: response.id,
          name: response.name,
          // Other mapping properties
        };

      });

    }));

  }
}

使用我的代码getUser() 应该返回一个Observable<UserModel[]>。

但我知道在这种情况下有效负载只有一个 UserResponse。

所以我希望getUser() 方法返回Observable<UserModel>。

如何调整管道/地图代码以返回一个 UserModel 的 Observable？

有效载荷

有效载荷是：

export class Payload<T> {

  errors: Error[];
  paging: Paging;
  result: T[];

  constructor(result: T[], paging?: Paging, errors?: Error[]) {

    this.errors = errors;
    this.paging = paging;
    this.result = result;

  }

}

Answer 1

如果我正确理解为您的 API 仅发送一个实体，并且您需要映射该实体以获取 Observable 而且正如我所见，UserResponse 接口不等于 UserModel。因此，您需要将数组的第一个元素映射为仅采用 [0] 以及您的 UserModel 道具：

getUser(): Observable<UserModel> {

    return this.userService.getByUserId(25)
      .pipe(
        map((payload: Payload<UserResponse>) => ({id:payload.result[0], name: payload.result[0].name})
      );

  }

Answer 2

如果您只是尝试将嵌套在 results 属性中的服务器响应映射到新对象，则需要映射到 results 属性，然后再次映射以返回新对象。像这样的：

getUser(userId): Observable<UserDetailModel> {

    return this.userService.getByUserId(userId).pipe(
      map(payload => payload.result[0])
      map(result => {
        return {
          id: result.id,
          name: result.name,
          // Other mapping properties
        };

    }));

  }