解決angular2 獲取到的數(shù)據(jù)無法實時更新的問題
更新時間：2018年08月31日 09:45:35 作者：網(wǎng)蟲1325
今天小編就為大家分享一篇解決angular2 獲取到的數(shù)據(jù)無法實時更新的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
今天在工作當(dāng)中碰到了個問題，當(dāng)我點擊地圖上面的城市，從后臺獲取數(shù)據(jù)更新列表，明明后臺的數(shù)據(jù)已經(jīng)返回到前端，但是數(shù)據(jù)就是不能實時更新到頁面上，因為在做第一版的時候是沒有這個問題的，就感覺可能是自己調(diào)用后臺接口的時候順序出了問題，結(jié)果一直鉆到死胡同里面去了，后來求助老大，終于把問題解決了，現(xiàn)在記錄一下，以加深記憶。
問題：點擊下面地圖上的城市，更新列表
getPageList(){
//this.postMapJson 輸入數(shù)據(jù)
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 所調(diào)用的具體的方法。
當(dāng)然在使用之前需要引入：
import {ChangeDetectorRef} from '@angular/core';
constructor(
private changeDetectorRef:ChangeDetectorRef
){}
以上這篇解決angular2 獲取到的數(shù)據(jù)無法實時更新的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
使用AngularJS來實現(xiàn)HTML頁面嵌套的方法
這篇文章主要介紹了使用AngularJS來實現(xiàn)HTML頁面嵌套的方法,主要用到了AngularJS中的ng-include指令,需要的朋友可以參考下2015-06-06
下面小編就為大家?guī)硪黄褂胊ngular幫你實現(xiàn)拖拽的示例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
淺談Angularjs中不同類型的雙向數(shù)據(jù)綁定
這篇文章主要介紹了淺談Angularjs中不同類型的雙向數(shù)據(jù)綁定，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-07-07
這篇文章主要介紹了由淺入深剖析Angular表單驗證 的相關(guān)資料,需要的朋友可以參考下2016-07-07
這篇文章主要介紹了Angular使用cli生成自定義文件、組件的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
這篇文章主要介紹了angularJs的ng-class切換class,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
這篇文章總結(jié)了一些Angular的應(yīng)用技巧,都是在實際項目中應(yīng)用了的,感覺對于使用Angular還是有一些幫助的，有需要的小伙伴可以參考下2016-09-09
Angular2學(xué)習(xí)教程之組件中的DOM操作詳解
這篇文章主要給大家介紹了Angular2學(xué)習(xí)教程之組件中DOM操作的相關(guān)資料，文中介紹的非常詳細，對大家具有一定的參考學(xué)習(xí)價值，需要的朋友們下面跟著小編一起來看看吧。2017-05-05
AngularJS學(xué)習(xí)筆記之TodoMVC的分析
這篇文章主要介紹了AngularJS學(xué)習(xí)筆記之TodoMVC的分析的相關(guān)資料,需要的朋友可以參考下2015-02-02
Angular.js前臺傳list數(shù)組由后臺spring MVC接收數(shù)組示例代碼
這篇文章主要給大家介紹了關(guān)于Angular.js前臺傳list數(shù)組之后，由后臺spring MVC接收數(shù)組的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家具有一定的參考學(xué)習(xí)價值，需要的朋友們下面跟著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-07-07