列表中的数据未绑定到HTML，而是在Ionic的控制台上显示列表

Question

我的数据突然停止绑定到UI，而其正确显示在控制台上

这是我的代码

这是我的html文件

<ion-content>   
 <ion-card *ngFor="let product of selectedproducts; let i = index">
  <ion-item class="bigclass" *ngIf="length>0"><p>{{product.image}}</p>
  <ion-thumbnail item-start>       
    <img-loader [src]="product.image" useImg></img-loader>
  </ion-thumbnail>
  <h4 top text-wrap>{{product.name}}</h4>
  <p>Rs.{{product.price*product.quantity}}</p>
  <button  class="dec"  (click)="decrement(product)" 
   [disabled]="product.disabled"><ion-icon  icon-only  
   name="remove-circle">
 </ion-icon></button>
    Quantity:{{product.qtyy}}
    <button  class="inc"  (click)="increment(product)" 
    [disabled]="product.disabled" ><ion-icon   icon-only 
    name="add-circle" ></ion-icon></button>

</ion-item>

该循环工作正常，它正确显示了其他静态元素，但未正确显示绑定的元素。 这是我的.ts文件

 constructor(private storage: Storage,public navCtrl: NavController) {
this.storage.get('listforcartproducts').then((val) => {
 this.selectedproducts =val;
  console.log(this.selectedproducts);    
});