javascript - angularjs 如何实现数据自动刷新?-PHP中文网问答

讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 AI 提示词

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

最近更新

javascript - angularjs 如何实现数据自动刷新?

ringa_lee 2017-04-11 11:19:52

[JavaScript讨论组]

1093

想实现页面的数据改变了(就是说我提交了数据到后台),想自动刷新一下数据,渲染在页面上了,只是数据刷新,怎么弄??急呀.....

ringa_lee

全部回复(9)

ringa_lee2017-04-11 11:21:52 9楼

angularjs的数据应该是双向绑定的，把前端视图对应的model里的数据更新到最新就可以了。

你具体遇到了什么情况

上传图片的情况

$scope.imgUrl = null;

someAjaxReturnPromise()
  .then(resp => {
    // ... do something
    $scope.imgUrl = resp.imgUrl;
  })

<p ng-if="imgUrl">
  <img ng-src="{{imgUrl}}">
</p>

赞 +0

添加回复

迷茫2017-04-11 11:21:52 8楼

要么前端轮询，要么部署个长连接服务器或者推送？

赞 +0

添加回复

巴扎黑2017-04-11 11:21:52 7楼

前端ajax提交成功就重新取数据或者更新数据就好了 angular是双向绑定页面上的数据也会改变的啊

赞 +0

添加回复

天蓬老师2017-04-11 11:21:52 6楼

事件监听：实现从Model到DOM的更新

赞 +0

添加回复

怪我咯2017-04-11 11:21:52 5楼

分两种情况：

前端触发的改变，因为angular是双向绑定的，一般来说$digest循环会自动刷新数据。
如果是服务器数据改变不是由前端触发的，那么可以通过两种方法来实现前后端数据同步：
- 轮询，通过$interval注册一个函数，每隔一秒就去服务器拿一次数据，然后刷新前端。
- websocket，使用websocket进行双工通信，比如采用socket.io这个库就可以实现。

赞 +0

添加回复

迷茫2017-04-11 11:21:52 4楼

用$watch监测

赞 +0

添加回复

迷茫2017-04-11 11:21:52 3楼

看了你的几个问题，还是不了解angualr。问题应该是出在你的数据显示上，而不是刷新的问题。从你的tag就看出来了，用angular的话jQuery是不需要的。
你的数据显示要使用angular的方式，单一数据如 <span>{{demoText}}</span>，数组如<ul><li ng-repeat="item in yourRows">{{item.name}}</li></ul>
在这个前提下，当$scope.demoText或者$scope.yourRows的值发生变化时，显示的数据自然同步变化，根本不存在你想象的刷新问题。
亲，不要拿angualr当作jquery来用哦。

赞 +0

添加回复