Проблема, чтобы показать мои данные API JSON с машинописью

Question

У меня проблема с моим кодом.

Я хочу показать все свои данные как элемент данных, но ничего не отображается.

Это моя часть HTML:

<ion-item  *ngFor = "let item of test"class="col1" col-12 style=" border: none; color:black;text-align: center;">
                                {{item.description}}    
</ion-item>

А это моя часть TS:

let item = 0;
for(let i = 0; i < this.test['0']['data'].sidelined['data'].length; i++){
     let item = this.test['0']['data'].sidelined['data'][i];
     this.item = item;
     console.log(this.item.description);
}

Журнал консоли дает мне всю информацию, которую я хочу показать. Но HTML ничего не показывает.

Есть идеи? Спасибо

Answer 1

Я не совсем уверен, что вы хотите там делать. Код выглядит неработоспособным.

В вашем машинописном коде вы переназначаетесь на this.item несколько раз - фактически перезаписываете this.item несколько раз. Я предполагаю, что вы хотите напечатать одну строку в html для каждой записи в this.test['0']['data'].sidelined['data']. В этом случае вам нужно будет присвоить это вашему предмету:

this.item = this.test['0']['data'].sidelined['data']

и в вашем html:

<ion-item *ngFor="let entry of item">
    {{entry.description}}    
</ion-item>