Ng Forループが適切に処理されない

Question

私は初心者です。ionic2

実際には、プッシュ通知にFCMプラグインを使用しています。

これは私が通知ページをクリックすると、それはそれぞれのページ（通知ページ）にリダイレクトもWRKのperfect.andだ私のアプリのcomponent.ts

 FCMPlugin.onNotification(function(d){ 
      if(d.wasTapped){ 
      console.log(d); 
      var nav=self.appCtrl.getActiveNav().setRoot(NotificationsPage); 
     }) 

です。

firebaseコレクションからデータを取得し、配列に代入しました。

配列の変数名はNotificationsです。配列の値をconsoledしました。うまくいきます。

virtualScrollを使用してUIに配列を表示します。私のhtml code.This以下

通知にそれぞれのページ（通知ページ）マイ通知ページのコンポーネント（TSファイル）以下

<ion-card class="card" [virtualScroll]="Notifications"> 
     <ion-item (click)="navigate(Notifications.value.TYPE,Notifications.value.FROM,Notifications.value.$key,Notifications.value.TO,Notifications.value.MSG,Notifications.value.STATUS,Notifications.time)" *virtualItem="let Notification"> 
     <ion-avatar item-left> 
      <img *ngIf="!Notification.userval.FILE" src="https://firebasestorage.googleapis.com/v0/b/apartments-ea9e5.appspot.com/o/default.png?alt=media&token=a64af538-17a7-46e1-9e38-383c1df060cf"> 
      <img *ngIf="Notification.userval.FILE" [src]="Notifications.userval.FILE"> 
     </ion-avatar> 
     <p>{{Notification.value.MSG}}</p> 
     <p>{{Notification.time}}</p> 
     <p style="text-align:right;color:#334bfa;">{{Notifications.value.TYPE}}</p> 
     </ion-item> 
    </ion-card> 

を押しています。

  this.authservice.getalluser().first().subscribe(namelist=> 
       { 
       var users=[]; 
       namelist.forEach(userval=> 
       { 
        users.push(userval.val()); 
       }) 

       for(var i in val) 
       { 
       this.Time=val[i].SEND_TIME; 
       var timeagoIns = timeago(); 
       var result=timeagoIns.format(this.Time); 
       console.log(result); 
       var user=users.filter(users=>users.USER_ID.toString() === val[i].FROM.toString()); 
       this.Notifications.push({ 
        value:val[i], 
        time:result, 
        userval:user[0] 
        }) 
       Console.log(this.Notifications); 
      }) 

配列値はUIを更新しません。通知値を管理します。これは問題ありません。

なぜUIは配列値で更新されません。

この問題を解決する方法。

親切、

おかげで私をアドバイス。

Answer 1

このように配列を更新していますか？

push.on('notification', (data) => { 
    // update array 
}); 

このように配列を更新する場合は、UIを更新しないでください。あなたの配列は現在ngZoneから外れているからです。あなたがこれを使用することができます。この場合、ウルreply.Iについては

push.on('notification', (data) => { 
    this.ngZone.run(() => { 
     // update array 
    }); 
});