1

我正在用 Angular JS 开发一个新闻提要页面。每当用户更改应用程序时，都应在新闻页面上进行更新。我正在显示新闻提要页面中的更改。但是当我刷新页面时出现问题，它显示了更改。我必须在不刷新页面的情况下显示更改。我正在从 http url 加载数据。

到目前为止，我尝试了 html 代码：

<div> ng-controller="TopListCtrl"
  <div class="cb-feed-wrapper bradius5" ng-repeat="post in posts">

<h3>{{ post.userId}}</h3>
<p> {{post.change}} </p><p> Created On : {{ post.createdOn }} | Updated On : {{ post.updatedOn }} </p><p Time: {{ post.dateTime }}</p>
</div></div>

控制器代码：

function TopListCtrl($scope, $http, $timeout) {
 $scope.refreshInterval = 1;
$http({
      url: '/zzzz/v1/zzzz/all?callback=JSON_CALLBACK',
      method: "GET"

  }).success(function (data) {
          $scope.posts = data; 

      }).error(function (data) {
       });
$timeout(function() { 
    $scope.refreshInterval * 5;
});
4

2 回答 2

5

您的控制器应如下所示：

function TopListCtrl($scope, $http, $interval) {
  $scope.refreshInterval = 5; // For every 5 sec

  // Create a function as we will reuse this code
  function refresh() {
    $http({
      url: '/lexaserver/v1/audit/all?callback=JSON_CALLBACK',
      method: "GET"

    }).success(function (data) {
      $scope.posts = data; 

    }).error(function (data) {
      console.log('Error');
    });
  }

  refresh(); // We call the function on initialization to load the feed.

  // $interval runs the given function every X millisec (2nd arg)
  $interval(function() { 
    refresh();
  }, $scope.refreshInterval * 1000); // the refresh interval must be in millisec
}

但我不确定你想用$scope.refreshInterval.

于 2013-10-08T09:04:55.553 回答
0

http如果您想再次刷新数据（您没有这样做），您需要实现一些轮询机制以在设定的时间间隔内重复调用。在此处查看示例小提琴http://plnkr.co/edit/iMmhXTYweN4IrRrrpvMq?p=preview

于 2013-10-08T08:56:29.917 回答