问题可能出在数据的格式不匹配,需要在服务端对数据进行处理后再返回。或者在前端对返回的数据进行格式转换。
示例代码:
// 服务端返回的数据是对象格式 { "id": 1, "name": "John" }
// 前端通过 HttpClient 进行 GET 请求 this.http.get('/api/users').subscribe(data => { console.log(data); // 输出的是对象 });
// 解决方法1:在服务端对数据进行处理后返回数组格式 // 服务端返回的数据是数组格式 [ { "id": 1, "name": "John" }, { "id": 2, "name": "Alice" }, { "id": 3, "name": "Bob" } ]
// 解决方法2:在前端对返回的数据进行格式转换 // 前端通过 HttpClient 进行 GET 请求 this.http.get('/api/users').subscribe(data => { const dataArray = Object.values(data); // 将对象转换成数组 console.log(dataArray); // 输出的是数组 });