angular 关闭当前页_angular刷新当前页 angularjs页面不刷新的解决办法 - 电脑常识

angular刷新当前页 angularjs页面不刷新的解决办法

发布时间：2017-03-19

来源：服务器之家

刚用angularjs时,确实被它的双向数据绑定震住了,但同时没有完合使用angularjs的方法,从而出现数据模型被改变,但页面不能随之更改,需要$scope.$apply()强制更新数据模型.

实际上出现这种情况,就是因为在angularjs中使用了JS方法产生数据源,看下面

var myApp = angular.module("myApp",[]);

myApp.controller("mainController", function ($scope) {

$.get("/articlelist",{},function(data){

$scope.data=data;

});

$scope.updatedate = function(id,age){

$.get{

item.age=age;//这里你会发现值变了，但页面没刷新

$scope.$apply();//需要手动刷新

console.log(item);

});

}

});

很多人都用过这种方式来取值或更新数据,发现页面并没有随着更新而改变,需要手动刷新.

这是由于angularjs的watch不能监听到JS对$scope.data的更改.更改一下写法,就可以实现了

var myApp = angular.module("myApp",[]);

myApp.controller("mainController", function ($scope,$http) {

$http.get("/articlelist").success(function(data){

$scope.data=data;

});

$scope.updatedate = function(id,age){

$http.get("/update?id="+id+"&age="+age).success(function(data){

item.age=age;//页面随着改变刷新

});

}

});

可能有人会说,JQUERY能跨域,其实angularjs也可以的.参考:NodeJS+ExpressJS解决跨域请求CORS

angular 关闭当前页_angular刷新当前页 angularjs页面不刷新的解决办法 - 电脑常识 - 服务器之家...相关推荐

前台alert弹出页面，点击确定，关闭弹出框，整个页面进行刷新数据
前台alert弹出页面,点击确定,关闭弹出框,整个页面进行刷新数据location.reload(); $("#saveBatch").on("click", ...
安装新版Magisk卡在启动页面等问题以及解决办法
安装新版Magisk卡在启动页面等问题以及解决办法参考文章: (1)安装新版Magisk卡在启动页面等问题以及解决办法 (2)https://www.cnblogs.com/trembler/p/1 ...
totolink服务器未响应,TOTOLINK 路由器 192.168.0.1登录页面打不开解决办法
TOTOLINK 路由器 192.168.0.1登录页面打不开解决办法 2016-12-15 1.正确设置电脑IP地址:电脑连接路由器上网.用电脑设置路由器时,都需要把电脑本地连接(以太网)中的IP地 ...
linux 关闭redis 命令_linux关闭redis命令 redis配置redis的服务器启动和关闭 - Redis - 服务器之家...
linux关闭redis命令 redis配置redis的服务器启动和关闭发布时间:2017-04-13 来源:服务器之家 # chkconfig: 2345 10 90 # description: ...
ajax 页面无刷新,Ajax的页面无刷新实现详解（附代码）
这次给大家带来Ajax的页面无刷新实现详解(附代码),Ajax页面无刷新实现的注意事项有哪些,下面就是实战案例,一起来看一下. ajax (ajax开发) AJAX即"Asynchronou ...
如何用ajax实现页面自动刷新,Ajax实现页面自动刷新实例解析
Ajax实现页面自动刷新实例解析内容精选换一换用户已创建桶并上传了网站文件.域名后缀目前支持的范围为2~6个英文大小写字母.开启CDN加速后,可配置网站加速.文件下载加速和点播加速.详细应用场景 ...
微信小程序webview页面不刷新，webview缓存页面不刷新，小程序webview页面不刷新，小程序webview地址追加参数页面还是缓存，解决办法
项目需求,在微信小程序首页的 banner 图,打开公司官网,这个功能很好实现,就是专门整个 webview 组件所在页面,以后凡是有这种需求的都跳转到这个页面,只需要切换不同的路由地址就行了,可是最 ...
Navisphere 6 EMC存储管理页面无法登陆的解决办法
JAVA JDK也装了,原来也能正常登陆,可后面再登陆又打不开页面了,以下提供两种故障解决办法: 第一种情况: Java Plugin not found. The minimum Java plu ...
微信小程序弹窗滚动导致页面穿透问题的解决办法
最近在做小程序,由于小程序提供的弹窗样式有限,我们通常会自定义弹窗组件(我都是在弹窗蒙层上加了catchtouchmove="true",保证最基本的穿透问题但是解决不了弹窗内容区 ...

angular 关闭当前页_angular刷新当前页 angularjs页面不刷新的解决办法 - 电脑常识 - 服务器之家...

angular 关闭当前页_angular刷新当前页 angularjs页面不刷新的解决办法 - 电脑常识 - 服务器之家...相关推荐

最新文章

热门文章