Я пытаюсь отобразить keyName, шаблон массива объектов Keyless и Keypresent в angular js, но он не работает

Question

let data = {
  headerFields: {
    keyLess: [{
      key1: {
        name: "test1"
      },
      key2: {
        name: "test2"
      },
      key3: {
        name: "test3"
      }
    }],
    keyPresent: [{
      key1: {
        name: "test4"
      }
    }]
  },
}

Я пробовал код, похожий на

<tr *ngFor="let list of Data.keyLess; let num = index;">
     <td>{{num+1}}</td> 
      <td>{{'key'+ [num+1]}}</td>
      <td>Header</td>
      <td>{{'list' + '.'+'key'+[num+1]+ '.keyName'}}</td> 

 </tr>

Num , переменная используется в качестве индекса ключа, когда я пишу {{list.key1.keyName}}, а затем получаю вывод, но он будет печатать только первую строку. Как я могу перечислить все keyName с помощью «num»

Answer 1

Попробуйте так:

<tr *ngFor="let list of data.keyLess; let num = index;">
 <td>{{num+1}}</td> 
  <td>{{'key'+ [num+1]}}</td>
  <td>Header</td>
  <td>{{list['key'+(num+1)].name}}</td> 

</tr>