当我运行我的 ionic 3 时，问题 [object object] 显示在 html 页面中答案

【问题标题】：the problem [object object] is displayed in html page when i run my ionic 3当我运行我的 ionic 3 时，问题 [object object] 显示在 html 页面中
【发布时间】：2019-01-17 11:36:13
【问题描述】：

我想在我的 ionic 3 应用程序中从我的 firebase 中读取一个列表（“新闻”）当我运行这个应用程序时，它只显示在页面 [object object] 中。

谁能告诉我解决办法？

我的代码在下面：

[home.ts]

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { AngularFireDatabase, AngularFireList  } from 'angularfire2/database';


@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  newsList: AngularFireList<any[]>

  constructor(public navCtrl: NavController, private database: AngularFireDatabase) {
    this.newsList = this.database.list('news');



  }

}

[home.html]

    <ion-header>
  <ion-navbar>
    <ion-title>
      Ionic Blank
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <ion-list>
    <ion-item >
      <h2>{{newsList}}</h2>
    </ion-item>
  </ion-list>

</ion-content>

结果只显示 [object object]

【问题讨论】：

检查console.log(this.newsList) 并将你看到的粘贴到这里
我现在检查了，我现在看到了 {query: Reference, update: ƒ, set: ƒ, push: ƒ, remove: ƒ, ...}

标签： firebase ionic-framework firebase-realtime-database ionic3

【解决方案1】：

您正在尝试将对象显示为 h2。您可以尝试使用 ngFor。

   <ion-list>
    <ion-item *ngFor="let item of newList">
      <h2>{{item}}</h2> //or item.subitem, depends of your object or what you want to show.
    </ion-item>
  </ion-list>

【讨论】：

这个错误我现在看到了 ERROR 错误：未捕获（承诺中）：错误：找不到“object”类型的不同支持对象“[object Object]”。 NgFor 仅支持绑定到 Iterables，例如 Arrays。错误：找不到“object”类型的不同支持对象“[object Object]”。 NgFor 只支持绑定到 Arrays 等 Iterables
这是因为当您需要的是一个数组时，您正在使用一个对象。尝试迭代您的对象，使用它们的元素创建一个数组。 for (var i in object){ newArrar.push(object[i])} 如果你能举一个例子来说明你的“newList”的结构是怎样的，那就更容易了

【解决方案2】：

请试试这个代码

 this.newsList = JSON.stringify(this.database.list('news'));

html

 <ion-list>
    <ion-item *ngFor="let item of newList">
      <h2>{{item}}</h2> //or item.subitem, depends of your object or what you want to show.
    </ion-item>
  </ion-list>

【讨论】：