angular - 我收到此错误“错误错误：尝试区分'true'时出错。只允许数组和可迭代”

问题描述

尝试以角度显示从 ts 到 Html 模板的数据，但我收到此错误“错误错误：尝试区分 'true' 时出错。只允许数组和可迭代”

我认为它告诉我我传递的数据不是数组！如果你们知道如何解决这个问题，您的帮助将不胜感激

看看我的代码

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 中，这是我想使用循环显示数据的文件

<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>

标签： angularionic3

angular - 我收到此错误“错误错误：尝试区分'true'时出错。只允许数组和可迭代”

问题描述

解决方案

推荐阅读