我的应用程序需要在后端更改时自动刷新.我添加了一个按钮来重新加载GET到我的后端,但我不希望这样做.这是我的代码
<body data-ng-app="myPr">
<div ng-controller="TodosController">
<div ng-repeat="todo in todos">
<p>{{todo.title}} ...... {{todo.is_completed}}</p>
</div>
<button ng-click="reload()">Reload</button>
</div>
</body>
我的app.js
var myPr = angular.module('myPr',[]);
myPr.controller("TodosController",function ($scope,$http){
$scope.reload = function () {
$http.get('http://localhost:3000/api/todos').
success(function (data) {
$scope.todos = data.todos;
});
};
$scope.reload();
});
谢谢
您可以定期重新加载数据.否则,您需要设置类似
socket.io或
Pusher的内容,并在服务器更新时将通知推送到浏览器.
var myPr = angular.module('myPr',$http,$timeout){
$scope.reload = function () {
$http.get('http://localhost:3000/api/todos').
success(function (data) {
$scope.todos = data.todos;
});
$timeout(function(){
$scope.reload();
},30000)
};
$scope.reload();
});
