解決angular2 獲取到的數(shù)據(jù)無(wú)法實(shí)時(shí)更新的問(wèn)題
今天在工作當(dāng)中碰到了個(gè)問(wèn)題，當(dāng)我點(diǎn)擊地圖上面的城市，從后臺(tái)獲取數(shù)據(jù)更新列表，明明后臺(tái)的數(shù)據(jù)已經(jīng)返回到前端，但是數(shù)據(jù)就是不能實(shí)時(shí)更新到頁(yè)面上，因?yàn)樵谧龅谝话娴臅r(shí)候是沒(méi)有這個(gè)問(wèn)題的，就感覺(jué)可能是自己調(diào)用后臺(tái)接口的時(shí)候順序出了問(wèn)題，結(jié)果一直鉆到死胡同里面去了，后來(lái)求助老大，終于把問(wèn)題解決了，現(xiàn)在記錄一下，以加深記憶。
問(wèn)題：點(diǎ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ù)無(wú)法實(shí)時(shí)更新的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
我們?cè)趹?yīng)用的頁(yè)面或者組件需要加載數(shù)據(jù)時(shí)，瀏覽器和angular渲染頁(yè)面都需要消耗一定的時(shí)間。這里的間隔可能很小，甚至讓人感覺(jué)不到區(qū)別；但也可能很長(zhǎng)，這樣會(huì)導(dǎo)致讓我們的用戶看到了沒(méi)有被渲染過(guò)的頁(yè)面。本文將介紹Angular.js中處理頁(yè)面閃爍的方法。2017-03-03
Angular頁(yè)面?zhèn)鲄⒂卸喾N辦法，根據(jù)不同用例，本文介紹5種最常見(jiàn)的頁(yè)面?zhèn)鲄⒌姆绞健＞哂泻芎玫膮⒖純r(jià)值。下面跟著小編一起來(lái)看下吧2017-04-04
AngularJs解決跨域問(wèn)題案例詳解(簡(jiǎn)單方法)
本文通過(guò)一個(gè)案例給大家介紹angularJs解決跨域問(wèn)題，非常具有參考借鑒價(jià)值，感興趣的朋友一起學(xué)習(xí)吧2016-05-05
這篇文章主要為大家詳細(xì)介紹了angular4自定義組件的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-09-09
這篇文章主要介紹了Angular PWA使用的Demo示例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-01-01
解決angular的post請(qǐng)求后SpringMVC后臺(tái)接收不到參數(shù)值問(wèn)題的方法
這篇文章主要介紹了解決angular的post請(qǐng)求后SpringMVC后臺(tái)接收不到參數(shù)值問(wèn)題的方法，感興趣的小伙伴們可以參考一下2015-12-12
這篇文章主要介紹了AngularJS指令中的綁定策略,結(jié)合實(shí)例形式分析了scope綁定策略的分類與具體實(shí)現(xiàn)方法,需要的朋友可以參考下2016-12-12
angularJS 發(fā)起$http.post和$http.get請(qǐng)求的實(shí)現(xiàn)方法
本篇文章主要介紹了angularJS 發(fā)起$http.post和$http.get請(qǐng)求的實(shí)現(xiàn)方法，分別介紹了$http.post和$http.get請(qǐng)求的方法，有興趣的可以了解一下2017-05-05
使用 Github Actions 自動(dòng)部署 Angular 應(yīng)用到 Github Pages的方法
這篇文章主要介紹了使用 Github Actions 自動(dòng)部署 Angular 應(yīng)用到 Github Pages,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-07-07
Angularjs 實(shí)現(xiàn)移動(dòng)端在線測(cè)評(píng)效果(推薦)
這篇文章主要介紹了Angularjs 實(shí)現(xiàn)移動(dòng)端在線測(cè)評(píng)效果,需要的朋友可以參考下2017-04-04