проблема [объект объекта] отображается на html-странице, когда я запускаю свой ionic 3

Question

Я хочу прочитать список («новости») из моей базы данных в моем приложении ionic 3 и когда я запускаю это приложение, оно отображается только на странице [объект объекта].

Может кто-нибудь сказать мне решение?

Мой код ниже здесь:

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

Результат показан просто [объект объекта]

Answer 1

пожалуйста, попробуйте этот код

 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>

Answer 2

Вы пытаетесь показать объект как 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>