解決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)文章
我們在應(yīng)用的頁面或者組件需要加載數(shù)據(jù)時，瀏覽器和angular渲染頁面都需要消耗一定的時間。這里的間隔可能很小，甚至讓人感覺不到區(qū)別；但也可能很長，這樣會導(dǎo)致讓我們的用戶看到了沒有被渲染過的頁面。本文將介紹Angular.js中處理頁面閃爍的方法。2017-03-03
Angular頁面?zhèn)鲄⒂卸喾N辦法，根據(jù)不同用例，本文介紹5種最常見的頁面?zhèn)鲄⒌姆绞?。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04
本文通過一個案例給大家介紹angularJs解決跨域問題，非常具有參考借鑒價值，感興趣的朋友一起學(xué)習(xí)吧2016-05-05
這篇文章主要為大家詳細(xì)介紹了angular4自定義組件的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09
這篇文章主要介紹了Angular PWA使用的Demo示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-01-01
解決angular的post請求后SpringMVC后臺接收不到參數(shù)值問題的方法
這篇文章主要介紹了解決angular的post請求后SpringMVC后臺接收不到參數(shù)值問題的方法，感興趣的小伙伴們可以參考一下2015-12-12
這篇文章主要介紹了AngularJS指令中的綁定策略,結(jié)合實例形式分析了scope綁定策略的分類與具體實現(xiàn)方法,需要的朋友可以參考下2016-12-12
angularJS 發(fā)起$http.post和$http.get請求的實現(xiàn)方法
本篇文章主要介紹了angularJS 發(fā)起$http.post和$http.get請求的實現(xiàn)方法，分別介紹了$http.post和$http.get請求的方法，有興趣的可以了解一下2017-05-05
使用 Github Actions 自動部署 Angular 應(yīng)用到 Github Pages的方法
這篇文章主要介紹了使用 Github Actions 自動部署 Angular 應(yīng)用到 Github Pages,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-07-07
Angularjs 實現(xiàn)移動端在線測評效果(推薦)
這篇文章主要介紹了Angularjs 實現(xiàn)移動端在線測評效果,需要的朋友可以參考下2017-04-04