Попытка отобразить данные из шаблона ts в Html в angular, но я получаю эту ошибку "Ошибка ОШИБКИ: ошибка при попытке определить значение" истина ". Допускаются только массивы и итерации"
I думаю, это говорит мне о том, что данные, которые я передаю, не являются массивом! если вы, ребята, знаете, как решить эту проблему, ваша помощь будет оценена
посмотрите на мой код
public products: any =[];
constructor( public navCtrl: NavController,
public http: HttpClient,
public nativeHttp:HTTP,
public plt:Platform,
public loadingCtrl:LoadingController,
public popoverCtrl: PopoverController
) {
this.getData();
}
async getData(){
let loading = await this.loadingCtrl.create();
await loading.present();
this.http.get('https://gratisgospel.net/APIproducts').pipe(
finalize(()=> loading.dismiss())
)
// .map(response => response.json().data)
.subscribe(data => {
console.log('native data',data);
this.products = JSON.stringify({data});
// this.products = Array.of(this.products);
// this.products = data;
if (this.products=!'') {
// code...
console.log('data are available');
}
});
и в моем HTML есть файл, который я хочу отобразить данные используя al oop
<ion-col offset="1" *ngFor="let product of products">
<div class="box">
<img class="" src="../assets/imgs/air-zoom-pegasus-36-tortoise-shell-womens-running-shoe-ksw5Hx.jpg">
<h2 class="ion-text-center">nike Air</h2>
<ion-grid>
<ion-row>
<ion-col offset="1">
<ion-icon name="ios-pricetag" padding></ion-icon>$50
</ion-col>
<ion-col offset="1">
detail
</ion-col>
</ion-row>
</ion-grid>
<div>
</div>
</div>
</ion-col>
