从Angular5 http.get返回observable

问题描述 投票:0回答:2

我有一个界面

export interface IEmployee{
  id: string;
  first_name: string;
}

在我的employee.service.ts中

  getEmployess():Observable<IEmployee>{
    return this._http.get<IEmployee>(this._dataUrl);
  }

在我的组件中

  employees:Array<IEmployee>;   

  constructor(private _employeeService:EmployeeService){
    this._employeeService.getEmployess()
      .subscribe(
        (data) => {
          this.employees = data;
          console.log(data);
        }
      )
  }

我收到错误[ts]类型'IEmployee'不能分配给'IEmployee [] []'。

我无法理解什么是错的。我希望服务中返回的数据应存储在employees数组中。

请帮忙。

angular
2个回答
1
投票

发行原因:

this.employees = data;  
// this.employees is type of IEmployee[]
// data is type of IEmployee

解决方案 - >只需更改:

getEmployess():Observable<IEmployee>

getEmployess():Observable<IEmployee[]>{
// OR
getEmployess():Observable<Array<IEmployee>>{

当你得到IEmployee阵列作为回报,你已经定义了employees:Array<IEmployee>;


2
投票

返回

 getEmployess():Observable< Array<IEmployee>>{
    return this._http.get<Array<IEmployee>>(this._dataUrl);
  }

要么

getEmployess():Observable< IEmployee[]>{
    return this._http.get<IEmployee[]>(this._dataUrl);
  }
© www.soinside.com 2019 - 2024. All rights reserved.