我的应用程序需要在后端更改时自动刷新.我添加了一个按钮来重新加载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的内容,并在服务器更新时将通知推送到浏览器.
原文链接:https://www.f2er.com/angularjs/142476.htmlvar 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(); });