需要帮助将返回的PHP数据分配到Angular 2对象数组吗

我不知道如何在angular类中使用PHP代码返回的数据。我希望能够使用我的shelf组件获取从后端返回的数据，并创建一个Book数组。我正在从PHP接收数据，当我检查标题时，我可以看到返回的数据。我只是对Angular不够熟悉，不知道如何将返回的数据分配给Book类型的数组

图书界面

export interface Book {
    id: number;
    title: string;
    rating: number;
}

Shelf组件（我希望在其中解析数据并将每个数据用作一本书）

Books服务（我正在发送将数据用作书籍的请求）

---

如果我理解正确，应该很容易将http请求中的值分配给

getBooks(): void {
  this.booksService.getBooks().subscribe( response => {
    this.books = response;
  }, 
  err => {
    console.log("error: " + err);
  });
}

---

如果我理解正确，应该很容易将http请求中的值分配给

getBooks(): void {
  this.booksService.getBooks().subscribe( response => {
    this.books = response;
  }, 
  err => {
    console.log("error: " + err);
  });
}

---

您的API调用格式错误

认为您的API方法类型是GET。在这种情况下，您应该在angular服务中使用http.get（）

getBooks(): Observable<Book[]> {
    return this.http.get<Book[]>("http://localhost/Projects/index.php", this.httpOptions)
          .pipe(map(
              response => response
          ));
}

---

您的API调用格式错误

认为您的API方法类型是GET。在这种情况下，您应该在angular服务中使用http.get（）

getBooks(): Observable<Book[]> {
    return this.http.get<Book[]>("http://localhost/Projects/index.php", this.httpOptions)
          .pipe(map(
              response => response
          ));
}

getBooks(): Observable<Book[]> {
    return this.http.get<Book[]>("http://localhost/Projects/index.php", this.httpOptions)
          .pipe(map(
              response => response
          ));
}

getBooks(): Observable<Book[]> {
    const dataToPost = 100; <-- Say a book id
    return this.http.post<Book[]>("http://localhost/Projects/index.php", 
        dataToPost, this.httpOptions)
          .pipe(map(
              response => response
          ));
}

getBooks(): void {
  this.booksService.getBooks().subscribe( response => {
    this.books = response;
  }, 
  err => {
     console.log("error: " + err);
  });
}