无状态可观察服务中的错误：类型 'Observable<Course[]>' 不可分配给类型 'Observable<Course>'

Question

我正在学习 rxjs，但遇到了这个错误。

我有以下方法

  getCourseById(id: number): Observable<Course> {
    return this.http.get<Course[]>('the-api').pipe(
      map(courses =>
          courses.filter(course => course.id === id)
        )
    )
  }

我调用特定的 API 端点，获取整个响应，然后使用 map 过滤该集合并获取 id 等于参数 id 的课程。

该函数返回一个 Course 类型的 Observable。

然而，在控制台中我看到：

error TS2322: Type 'Observable<Course[]>' is not assignable to type 'Observable<Course>'.
  Type 'Course[]' is missing the following properties from type 'Course': id, name, url, description

 27     return this.http.get<Course[]>('the-api').pipe(
        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 28       map(courses =>
    ~~~~~~~~~~~~~~~~~~~~~
... 
 30         )
    ~~~~~~~~~
 31     )
    ~~~~~

我不知道如何解决它。 我会很感激帮助。 谢谢

Answer 1

您应该使用Array.find() 而不是Array.filter()。这只会返回匹配的对象：

getCourseById(id: number): Observable<Course> {
    return this.http.get<Course[]>('the-api').pipe(
      map(courses =>
          courses.find(course => course.id === id)!
        )
    )
}