檢索用戶陣列時出現此錯誤：找不到型別為“物件”的不同支持物件“[物件物件]”。NgFor 僅支持系結到可迭代物件，例如陣列。
服務上的請求函式：
getUsers(): Observable<any[]> {
return this.http.get<any[]>('http://localhost:3000/users')
.pipe(map((res: any) => {
return res;
}))
}
html組件：
<tr *ngFor="let user of userData">
<td>{{user.id}}</td>
<td>{{user.name}}</td>
<td>{{user.email}}</td>
<td>{{user.password}}</td>
TS 組件：
getAllUsers(){
this.accountService.getUsers()
.subscribe(res=>{
console.log('getallusers novo',res);
this.userData = res;
},
err=>{
console.log(err);
alert('faio');
})
}
我想從 URL 中獲取用戶，當我在 Postman 上執行請求時就可以了。 郵差
uj5u.com熱心網友回復：
將其更改為：
getUsers(): Observable<any[]> {
return this.http.get<any[]>('http://localhost:3000/users')
.pipe(map((res: any) => {
return res.users;
}))
uj5u.com熱心網友回復：
錯誤 [object Object] 表示您嘗試使用 OBJECT 進行回圈。
你需要在 ARRAY 中轉換這個 OBJECT。
你可以做三個選擇：
- 在 api 中，用 ARRAY 回答
- 在前端，執行此程序將 OBJECT 轉換為 ARRAY：
https://www.javascripttutorial.net/object/convert-an-object-to-an-array-in-javascript/
- 在 getAllUsers() 中執行此操作：
this.userData = res.users;
（res.users 是一個陣列）
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/392321.html
標籤：有角的
上一篇：嵌套異步呼叫Angular