I would like to retrieve table data from a REST backend server with angularjs. The data changes by the second. I would like to use angularjs to refresh the data as it changes in real-time. How can this be done? Do I force angularjs to make ajax calls at regular time intervals to refresh the data display?
-
You should learn firebase. firebase.com/quickstart/angularjs.htmlJay Shukla– Jay Shukla2014-02-10 14:24:43 +00:00Commented Feb 10, 2014 at 14:24
-
as has been answered, you should be able to use $timeout on your $resource's get/query requestthescientist– thescientist2014-02-10 14:38:04 +00:00Commented Feb 10, 2014 at 14:38
Add a comment
|
2 Answers
Yeah with REST there's no other way then polling. To refresh the data itself in the browser view you can use $rootScope.$apply() in the service (I presume that you're using a service to get the data), first you have to inject the dependency of $rootScope of course.
EDIT
Actually you shouldn't use $rootScope.$apply(), because it can lead to ugly $digest in progress errors. Instead use
$timeout(function(){
// set data here...
})
A tip for improvement if you're not happy with the polling and if you have programmed the backend or are in position to change it, is: Try to use WebSockets:
- It gets rid of the polling, because then your browser can communicate directly to the server.
- It has less overhead.
- It is supported in the major browsers and you can use libraries with fallback mechanisms like SocketIO
The server can then always push the data right then, when it's available. The server-side implementation depends on the backend you are using, but most backend frameworks/servers nowadays also support websockets.
Comments
You have to either use the poll or push strategy. However, since you already know that the resource changes regularly, it should be enough to setup a recurring timeout so that your application polls the resource on the REST server every second. Once it is retrieved, AngularJS updates the view. So, yes you have to force AngularJS to make calls to the service.
2 Comments
guagay_wk
May I ask if there are sample source code for doing this? I am very new to even javascript, much less AngularJS.
kubuntu
I'd suggest to take some time to know how Angular works. There are several tutorials on the Net to get you started. There is an Angular wrapper for window.setInterval and it is easy to use AngularJS $interval