угловая 7 * ng для итерации вложенного массива

Question

В Angular 7 я вложил массив объектов, как показано ниже, для итерации.Итерация 1-го уровня с использованием * ngFor работает, но вложенная итерация не показывает никакого значения.Кто-нибудь, помогите мне, что должно быть сделано?Найдите приведенный ниже код

Образец JSON

const res = [ {
        2: [ 
            {id:1, cId: 2, name: 'TEST 1'},{id:2, cId: 2, name: 'TEST 2'}
          ],
        8: [ 
            {id: 10, cId: 8, name: 'TEST 10'}
        ]
    }]


<div *ngFor="let country of res[0] | keyvalue;">
   <span> {{country.key}} </span> <!-- Displayed 2 and 8 -->
   <div *ngFor="let airport of country[country.key]">
         <span>{{airport.name}}</span> <!-- name should be displayed, but nothing is coming up-->
   </div>
</div>

Answer 1

измените ваш html следующим

<div *ngFor="let country of res[0] | keyvalue;">
   <span> {{country.key}} </span> <!-- Displayed 2 and 8 -->
   <div *ngFor="let airport of country.value">
         <span>{{airport.name}}</span> <!-- name should be displayed, but nothing is coming up-->
   </div>
</div>

, более конкретно, вы должны заменить страну [country.key] на country.value

Демо