Angular 多天线阵中的角噪声

我有这样的数组

  array = [
    {
      naslov: 'Naslov1',
      podnaslov: 'Podnaslov1',
      odgovori: {
        odgovor0: 'Odgovor 11',
        odgovor1: 'Odgovor 12'
      }
    },
    {
      naslov: 'Naslov2',
      podnaslov: 'Podnaslov2',
      odgovori: {
        odgovor0: 'Odgovor 21',
        odgovor1: 'Odgovor 22'
      }
    },
    {
      naslov: 'Naslov3',
      podnaslov: 'Podnaslov3',
      odgovori: {
        odgovor0: 'Odgovor 31',
        odgovor1: 'Odgovor 32'
      }
    }
  ];

我试图像这样在html内部循环，但我没有设法获得字段odgovori。这是我的html

  <div *ngFor="let item of array, let i=index">
    <h1>{{item.naslov}}</h1>
    <p>{{item.podnaslov}}</p>
    <div *ngFor="let odgovor of item.odgovori[i], let i=index">
      <p>{{odgovor}}{{i}}</p>
    </div>
  </div>

{{item.naslov}}
{{item.podnaslov}}

{{odgovor}{{i}

由于

odgovori

是一个对象而不是数组，因此需要使用

keyvalue

管道：

{{odgovor.value}{{i}

或者根据

odgovori

对象中的键判断，您可能会这样做：

{{odgovor.key}

试试这段代码

<div *ngFor="let item of array, let i=index">
    <h1>{{item.naslov}}</h1>
    <p>{{item.podnaslov}}</p>
    <div *ngFor="let odgovor of item.odgovori | keyvalue, let i=index">
        <p>{{odgovor.value}}</p>
    </div>
</div>

{{item.naslov}}
{{item.podnaslov}}

{{odgovor.value}

odgovori

是一个对象，而不是数组。试试这个。