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