我怎样才能转换数组中的对象以在角度角度的ngfor中执行?

时间:2018-10-22 13:26:53

标签: angular

我有一个需要执行* 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">

我收到:

  

错误错误:找不到其他支持对象'[对象对象]'   类型为“对象”。

我如何在数组中转换此对象?

2 个答案:

答案 0 :(得分:3)

您的对象无需转换,因为它已经在第一个键“ produto”中包含了您的数组 您错过了访问您的对象键的数组,因此, 像

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

答案 1 :(得分:0)

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>