Angular http response.length 返回未定义

Question

我正在尝试读取 http 响应的 .length 属性，但未定义。 这是我从后端得到的回复

{
"departments": [
    {
        "id": 1,
        "department_name": "Account",
        "department_code": "001"
    },
    {
        "id": 2,
        "department_name": "Sales",
        "department_code": "002"
    }
 ]
}

我的http请求；

getDepartments(): Observable<Department[]> {

const url =  `${this.BASE_URL}/tenant/departments`;
return this.http.get<Department[]>(url, requestOptions);

}

这是我的部门界面

export interface Department {

  id: number;
  department_name: string;
  department_code : string;
}

然后在我的组件中；

getDepartments(){
this.adminService.getDepartments().subscribe(
  (response) => {
    this.departments = response;
  }
)
}

我已经尝试像这样映射响应；

  const url =  `${this.BASE_URL}/tenant/departments`;
return this.http.get<Department[]>(url, requestOptions).pipe(
  map(response => response.departments)
);

但是后来我得到了 Department[] 类型上不存在财产部门

我将不胜感激任何帮助。

Answer 1

你需要这样做：

const url =  `${this.BASE_URL}/tenant/departments`;
return this.http.get<{departments:Department[]}>(url, requestOptions).pipe(
  map(response => response.departments)
);

所以您的回复类型实际​​上与您的回复相匹配