angular2 http请求返回数据之后页面数据没有刷新

使用http进行请求之后返回的数据有更新,但是绑定页面的数据并没有刷新,经过查找之后 发现可以使用变更检测 ChangeDetectorRef 来进行检测刷新。

官方文档说明 :ChangeDetectorRef

应用代码如下:

import {Component,NgModule,ChangeDetectorRef, OnInit}from‘@angular/core‘;

 constructor(private cdr: ChangeDetectorRef) {}

getCommentItemsFunc() {
    this.commentService.getCommentItems(id)
      .subscribe(commentItems => {
        this.commentItems = commentItems;
        this.cdr.markForCheck();
        this.cdr.detectChanges();
      })
  }    

注:要在 this.cdr.markForCheck(); 之后加上  this.cdr.detectChanges(); 不然的话页面的数据仍然不会刷新。

end!

时间: 2024-10-20 08:54:25

angular2 http请求返回数据之后页面数据没有刷新的相关文章

mui 从子页面返回至父页面,同时刷新父页面

今天在写页面的时候,有一个需求,就是新闻列表项的时候,会显示出浏览次数,点击进入页面的时候,也会有浏览次数,且浏览次数比点击之前的已经+1了.那么用户返回到新闻列表页的时候,浏览次数应该更新了. mui中有两种方式去解决返回事件的问题: 最普通的逻辑就是点击返回,关闭当前页面 mui.back = function(){ plus.currentWebview.close(); } 还有一种就是我刚才说的需求: 这个需要先在子页面中注册一个函数,beforeBack,在其中自定义函数,这样在子页

php请求返回GeoJSON格式的数据

<?php /* * Following code will list all the products */ // array for JSON response $response = array(); // include db connect class require_once __DIR__ . '/db_connect.php'; // connecting to db $db = new DB_CONNECT(); // get all products from product

Jmeter 提取http请求返回值里json数据参数化方法

第三方插件下载地址:http://jmeter-plugins.org/downloads/all/ 插件下载后解压:找到JMeterPlugins-Extras.jar,把JMeterPlugins-Extras.jar放到apache-jmeter-2.12\lib\ext目录. 查看插件安装是否成功:如图显示[email protected],表示成功.如下图: 使用json表达式提取iUserID.sToken

vue+element 给表格添加数据,页面不实时刷新的问题

由于页面加载时,使用了keep-alive,keep-alive具有数据缓存作用,当在添加页面添加成功时,返回主页面没有立即更新.数据有缓存. 解决办法如下: 将获取数据列表的方法放到actived里面,不要放到mounted或者created里面. actived是专门对keep-alive进行实时更新,亲测有效. 原文地址:https://www.cnblogs.com/zr123/p/11041459.html

vue data数据变化 页面数据不更新问题

问题: <template> <div class="container"> <div v-for="(item, index) in arrList" :key="index"> <span>{{ item.name }}-{{ item.age }}-{{ item.score }}</span> </div> </div> </template>

Spring MVC 中请求返回之后的页面没法加载css、js等静态文件

1.是否被拦截,这个在Web.xml配置中servlet拦截是“/”,如果是则 a.使用spring MVC 的静态资源文件 <!-- 静态文件访问,主要是针对DispatcherServlet的拦截是/的--> <mvc:annotation-driven /> <mvc:resources location="/image/" mapping="/image/**"/> <mvc:resources location=&

SpringMVC中请求返回之后的页面没法加载css、js等静态文件

1.是否被拦截,这个在Web.xml配置中servlet拦截是"/",如果是则 a.使用spring MVC 的静态资源文件 <!-- 静态文件访问,主要是针对DispatcherServlet的拦截是/的--> <mvc:annotation-driven /> <mvc:resources location="/image/" mapping="/image/**"/> <mvc:resources 

pyspider示例代码三:用PyQuery解析页面数据

本系列文章主要记录和讲解pyspider的示例代码,希望能抛砖引玉.pyspider示例代码官方网站是http://demo.pyspider.org/.上面的示例代码太多,无从下手.因此本人找出一下比较经典的示例进行简单讲解,希望对新手有一些帮助. 示例说明: 本示例主要是PyQuery解析返回的response页面数据.response.doc解析页面数据是pyspider的主要用法,应该熟练掌握基本使用方法.其他返回类型示例见后续文章. pyspider爬取的内容通过回调的参数respon

echarts通过ajax向服务器发送post请求,servlet从数据库读取数据并返回前端

1.echarts的官网上的demo,都是直接写死的随机数据,没有和数据库的交互,所以就自己写了一下,ok,我们开始一步一步走一遍整个流程吧. 就以官网最简单的那个小demo来做修改吧.官网上的小demo的效果图如下:(很熟悉,有没有) 2.按照echarts的使用方法新建一个echarts.html文件.为ECharts准备一个具备大小(宽高)的Dom(讲的有点细,熟悉的朋友直接跳过) <!DOCTYPE html> <head> <meta charset="u