离子onesignal json数据

Question

我的 duyurular.ts 文件；

export class DuyurularPage {

 duyurular: any;

 constructor(public navCtrl: NavController, public navParams: 
 NavParams, 
 public loadingPage: LoadingController,
 platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen)
 {

  platform.ready().then(() => {

    statusBar.styleDefault();
    splashScreen.hide();

    var notificationOpenedCallback = (jsonData) =>  {
      this.duyurular = jsonData.notification.payload;
      alert(this.duyurular);
    };

    alert
    window["plugins"].OneSignal
    .startInit("ASDQWEQWE", "ASDFQW123")
    .handleNotificationOpened(notificationOpenedCallback)
    .endInit();
  });

}

我的 duyurular.html 文件

  <ion-card class="card-background-page" *ngFor="let item of duyurular">
<ion-item>
  <ion-avatar item-start>
    <img src="./assets/img/avatar.png">
  </ion-avatar>
  <h2>{{duyurular.title}}</h2>
</ion-item>
<ion-card-content>{{item.body}}</ion-card-content>

ı 可以 alert(item.title) 但不能在 duyurular.html 中写入 duyurular.title。

我必须做什么才能在 duyurular.html 页面中显示 duyurular.title 和 duyurular.body ？

Answer 1

您没有收到一系列通知。所以目前duyurular 不是一个数组，您的HTML 中的*ngFor 将不起作用。

export class DuyurularPage {

 duyurular: any[]=[];//declare as array and preferably set as empty.

//...In your callback,
 var notificationOpenedCallback = (jsonData) =>  {
      this.duyurular.push(jsonData.notification.payload);//push into the array.
      alert(this.duyurular);
    };