javascript - 打印对象数组

Question

我想在我的模板上打印一组对象，但我在尝试执行此操作时遇到了一些问题。这是包含数组 historico

的 json

{
      "id": 2,
      "tipo_negociacao": "Cobrança",
      "historico": [
        {
          "fl_usuario": "",
          "created_at": "",
          "updated_at": "",
          "created_by": null,
          "updated_by": null,
          "texto": "Proposta realizada valor de R$666666666"
        },
        {
          "texto": "Proposta no valor de R$:5762recusada"
        },
        {
          "texto": "Proposta realizada valor de R$6750"
        },
    }

因此，如您所见，historico 是一个对象数组，我想要做的是在屏幕上打印所有 texto 值。这是我尝试打印的模板部分:

<div *ngFor="let historico of disputa">
  <p> Negociação não iniciada </p>
  <p *ngFor="let historico of disputa.historico"> {{historico.texto}} </p>
</div>

我用它来使用来自 disputa 的数据:

this.route.params.subscribe(params =>{
  let id = params['id'];
  this.service
  .buscaPorId(id)
  .subscribe(disputa => {
    this.disputa = disputa;
  },
  erro => console.log(erro));
})

我收到这个错误:

Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays.

有人可以帮助我吗？提前致谢

Answer 1

你得到的错误是因为你有外部 ngFor:

<div *ngFor="let historico of disputa">

disputa 是一个对象，因此不能迭代。

只要删除那个外部迭代就可以了，所以你的模板应该看起来像这样:

<p *ngFor="let historico of disputa.historico"> {{historico.texto}} </p>

这是一个

Demo