使用AngularJS创建实时源

时间:2014-10-28 20:47:36

标签: javascript angularjs web-applications web

我想创建一个从多个API获取数据并显示它们的网站。 因为我想尝试并倾斜AngularJS,所以我决定将它用于这个项目。

我的问题是我不知道如何以简单的方式每x秒获取一次数据,因此Feed会保持实时并尽可能快地显示新事件。

1 个答案:

答案 0 :(得分:3)

您可以使用$ interval请参阅下面的演示:

您可以在此处找到更多信息https://docs.angularjs.org/api/ng/service/ $ interval



var app = angular.module('app', []);

app.controller('firstCtrl', function($scope, $interval) {

  $scope.data = "";

  $interval(function() {

    //update $scope.dataevery 1000ms
    $scope.data = new Date();


  }, 1000);

});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<body ng-app="app">
  <div ng-controller="firstCtrl">
    {{data | date : 'medium'}}
  </div>
</body>
&#13;
&#13;
&#13;