今天在工作當中碰到了個問題，當我點選地圖上面的城市，從後臺獲取資料更新列表，明明後臺的資料已經返回到前端，但是資料就是不能實時更新到頁面上，因為在做第一版的時候是沒有這個問題的，就感覺可能是自己呼叫後臺介面的時候順序出了問題，結果一直鑽到死衚衕裡面去了，後來求助老大，終於把問題解決了，現在記錄一下，以加深記憶。

問題：點選下面地圖上的城市，更新列表

 getPageList(){
        //this.postMapJson 輸入資料
       this.netUserAnalyzeService.getCityOrRegionOrgUserList(JSON.stringify(this.postMapJson))
        .then((res:any)=>{
            var list =res.data.list;
           
                var resList =this.netUserAnalyzeService.list(list);
                this.orgLists = resList;
                this.orgFirstId = res.data.list[0].organizationId;
                this.pageParams.totalItems = res.data.page["totalResult"];
            
            this.changeDetectorRef.markForCheck();
            this.changeDetectorRef.detectChanges();
        },error => this.errorMessage = error)
    }
 

上面程式碼中 changeDetectorRef 所呼叫的具體的方法。

當然在使用之前需要引入：

import {ChangeDetectorRef} from '@angular/core';

 constructor(
        private changeDetectorRef:ChangeDetectorRef
    ){}