Javascript 在ionic 3中提交后未显示审核

我已经写了下面的代码，在我的

detailpage

中使用

API

进行评级和审核。一旦我提交了评论和评论。数据未同时显示。如果我移到后面的页面，然后再次来到

detailpage

，则会显示数据。这在

Myreview

和

All review

部分。如何在同一时间单击同一页面后显示数据？。请帮忙

下面是ts文件

reviewComment(elm){
     this.commentValue = elm.comment;
     console.log(this.commentValue);

       this.authService.securePostData("listing_id="+this.listing.id+"&rating="+this.starValue+"&comment="+this.commentValue,"review/add",).then((result) => {
             this.reviewResult = result;
              let toast = this.toastCtrl.create({
                  message: 'Review added successfully',
                  duration: 4500,
                  position: 'bottom'
                });

                toast.onDidDismiss(() => {
                  console.log('Dismissed toast');
                });

                toast.present();
             console.log(result);

       })
}

myReview(){

       if (JSON.parse(localStorage.getItem('userStorage')) != null) {

       this.authService.securePostData("listing_id="+this.listing.id,"myreview",).then((result) => {
             this.myreviews = result;
             this.myreview = this.myreviews.review;

             console.log(this.myreview);

       })
       }
}

allReview(){


       this.authService.postData("listing_id="+this.listing.id,"reviews",).then((result) => {

            var resData = result['data'];
            this.allreview = [];
            resData.forEach(element => {
              var dd = new Date(element.created_at);
              element.ogdate = ("0" + dd.getDate()).slice(-2)+"-"+("0" + (dd.getMonth() + 1)).slice(-2)+"-"+dd.getFullYear();
              this.allreview.push(element);
            });
       })
}

这是html

      <ion-row *ngIf="!myreview?.id">
     <ion-col class="addrev">
           <div style="font-size: 22px;">Add Review</div>            
        <rating (click)="reviewStar(this)" [(ngModel)]="rate"
        readOnly="false" 
        max="5" 
        emptyStarIconName="star-outline" 
        halfStarIconName="star-half" 
        starIconName="star" 
        nullable="false"
        > 
        </rating>
        <ion-textarea [(ngModel)]="comment"></ion-textarea>
        <button ion-button (click)="reviewComment(this)">Submit Review</button>
     </ion-col>
  </ion-row>
  <ion-row class="myreviws" *ngIf="myreview?.id > 0">
    <h4>My Review</h4>
     <ion-item>
        <ion-grid>
           <ion-row>
              <ion-col col-3>
                 <img src="{{myreview?.user.profile_image}}">
              </ion-col>
              <ion-col col-9>
                 <span class="name">{{myreview?.user.name}}</span>
                 <p class="rating">
                    <ion-icon ios="ios-star" md="md-star" *ngIf="myreview?.rating > 0"></ion-icon>
                    <ion-icon ios="ios-star" md="md-star" *ngIf="myreview?.rating > 1"></ion-icon>
                    <ion-icon ios="ios-star" md="md-star" *ngIf="myreview?.rating > 2"></ion-icon>
                    <ion-icon ios="ios-star" md="md-star" *ngIf="myreview?.rating > 3"></ion-icon>
                    <ion-icon ios="ios-star" md="md-star" *ngIf="myreview?.rating > 4"></ion-icon>
                    <ion-icon ios="ios-star-outline" md="md-star-outline" *ngIf="myreview?.rating < 1"></ion-icon>
                    <ion-icon ios="ios-star-outline" md="md-star-outline" *ngIf="myreview?.rating < 2"></ion-icon>
                    <ion-icon ios="ios-star-outline" md="md-star-outline" *ngIf="myreview?.rating < 3"></ion-icon>
                    <ion-icon ios="ios-star-outline" md="md-star-outline" *ngIf="myreview?.rating < 4"></ion-icon>
                    <ion-icon ios="ios-star-outline" md="md-star-outline" *ngIf="myreview?.rating < 5"></ion-icon>
                    {{myreview?.ogdate}}
                 </p>
                 <p class="comment">{{myreview?.comment}}</p>
              </ion-col>
           </ion-row>
        </ion-grid>
     </ion-item>
  </ion-row>
    <h4>All Reivew</h4>
  <ion-row class="allreviws" *ngFor="let allreviews of allreview">
     <ion-item>
        <ion-grid>
           <ion-row>
              <ion-col col-3>
                 <img src="{{allreviews.user.profile_image}}">
              </ion-col>
              <ion-col col-9>
                 <span class="name">{{allreviews.user.name}}</span>
                 <p class="rating">
                    <ion-icon ios="ios-star" md="md-star" *ngIf="allreviews.rating > 0"></ion-icon>
                    <ion-icon ios="ios-star" md="md-star" *ngIf="allreviews.rating > 1"></ion-icon>
                    <ion-icon ios="ios-star" md="md-star" *ngIf="allreviews.rating > 2"></ion-icon>
                    <ion-icon ios="ios-star" md="md-star" *ngIf="allreviews.rating > 3"></ion-icon>
                    <ion-icon ios="ios-star" md="md-star" *ngIf="allreviews.rating > 4"></ion-icon>
                    <ion-icon ios="ios-star-outline" md="md-star-outline" *ngIf="allreviews.rating < 1"></ion-icon>
                    <ion-icon ios="ios-star-outline" md="md-star-outline" *ngIf="allreviews.rating < 2"></ion-icon>
                    <ion-icon ios="ios-star-outline" md="md-star-outline" *ngIf="allreviews.rating < 3"></ion-icon>
                    <ion-icon ios="ios-star-outline" md="md-star-outline" *ngIf="allreviews.rating < 4"></ion-icon>
                    <ion-icon ios="ios-star-outline" md="md-star-outline" *ngIf="allreviews.rating < 5"></ion-icon>
                    {{allreviews.ogdate}}
                 </p>
                 <p class="comment">{{allreviews.comment}}</p>
              </ion-col>
           </ion-row>
        </ion-grid>
     </ion-item>
  </ion-row> 

添加评论
提交审查
我的评论
{{myreview？.user.name}

{{myreview？.ogdate}

{{myreview？.comment}
全部回顾
{{allreviews.user.name}

{{allreviews.ogdate}

{{allreviews.comment}

您在哪种html元素或离子组件中显示数据？其中一些需要手动更新。我已经添加了我的html代码。如果我理解正确，并且您尝试刷新html中显示的全部数据，您可以尝试以下操作：this.myreviews=[]；this.myreviews=结果；this.myreview=未定义；this.myreview=this.myreviews.review；有时这有助于让Ionic刷新数据。如果不是，则尝试在超时时间内设置新数据。