使用 Angular 5 的 HttpClient 模块从 mysql 获取数据时出错

Question

我创建了一个从中获取数据的服务，但遇到以下错误：

ERROR TypeError: this.http.get(...).map 不是函数

我正在使用HttpClient 模块。这是我的脚本：

import {Injectable} from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Injectable()
export class Api{
    public data: any = [];
    constructor(private http: HttpClient){ }

    getPartnersName(){
        return this.http.get('http://aff.local/getPartners.php', {
      observe: 'response',
      responseType: 'json'
    }).map(
        (data)=>{
          console.log(data)
        },
        error=>{
          console.log(error);
        }
      );
    }
}

编辑

我仍然看不到组件中的数据：

ngOnInit(){
    this.api.getPartnersName().subscribe(
        (data)=>{
          this.data = data;
        }
      );
  }

Answer 1

现在我知道问题所在了。使用HttpClient，您需要导入map 函数并将其与pipe 一起使用。同时删除responseType - 默认设置为json。

import { map } from 'rxjs/operators/map'

在方法中

return this.http.get('http://aff.local/getPartners.php', {
          observe: 'response'
       }).pipe(
               map(data => { 
                      console.log(data);
                      return data;
               })
       );

仅用于记录。您可以使用do 函数而不是map。