我如何轉換數組中的對象以在 ngfor 中以角度執行？

Question

我有這個對象，我需要做一個 *ngfor：

{produtos: Array(50)}
produtos: Array(50)
0: {id: 27, id_admin: 249, tipo_produto: {…}, nome: "fsafasf", valor_fornecedor: 0, …}

我的模板：

<div *ngFor="let produto of data" class="card">

我收到：

ERROR 錯誤：找不到類型為“object”的不同支持對象“[object Object]”。

我怎樣才能在數組中轉換這個對象？

Answer 1

你的對象不需要轉換它，因為它已經在第一個鍵“產品”中包含你的數組你錯過訪問你的對象鍵有一個數組，所以，讓它像

<div *ngFor="let produto of data.produto" class="card">p

Answer 2

objectKeys = Object.keys(data);

  <div *ngFor="let key of objectKeys" class="card">
   {{ data[key].propery }}
  </div>

您可以使用Object.keys(yourObject)獲取數組中的對象鍵，並在該數組上執行*ngFor ，通過這種方式獲取對象數據data[key]

或者你可以通過使用Object.values(yourObject)來獲取你的對象值的另一種方式

objectValues = Object.values(data);

    <div *ngFor="let value of objectValues" class="card">
     {{ value.property}}
    </div>