服务全部完成时函数中的返回值

Question

我有一个要返回数组的函数。这个函数对我的后端进行服务调用，所以当我知道我的服务调用完成时，我想返回数组。

getList(id: number): MyArray[] {
    let temp: MyArray[] = [];
    this.service.getById(id).subscribe(
      singleId => {
        temp = temp.concat(singleId);
      },
      () => {},
      () => {
        this.myArray= temp;
        return temp;
      }
    );
  }

但是当我编译我的代码时，它仍然给我错误

声明类型既不是“void”也不是“any”的函数必须返回一个值。

如果我在subscribe 函数之外返回temp，它不会返回任何内容，因为服务调用实际上并未完成

Answer 1

如果你想从getList返回数组，那么它必须是Observable，无论调用什么都会订阅返回的observable。

如果要执行操作，例如将结果推送到数组中，可以在管道中的 tap 运算符中执行此操作。

如果要返回要添加的数组，可以映射到该数组。

getList(id: number): Observable<MyArray[]> {
  return this.service.getById(id).pipe(
    tap(single => this.myArray.push(single)),
    map(() => this.myArray)
  );
}

这不是一个特别有用的函数，但它演示了如何从异步调用返回结果。