问AngularJS会重叠http.get结果，并将其限制为每页10个
EN

Stack Overflow用户

提问于 2017-06-08 05:14:08

回答 0查看 119关注 0票数 0

这恰好是我的第一个angularJS应用程序，它从newsapi获取数据，并以无限滚动模式显示所有结果。我正在获得数据，但并不像预期的那样，新的结果与以前的结果重叠，并限制在每页10个。

如果我做错了什么，请指教。

<!DOCTYPE html>
<html>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">

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

<body>
<div class="w3-container" ng-app="myApp" ng-controller="myCtrl">
<p>Today's News:</p>
<div class="w3-card-4" style="width:100px margin:20px" ng-repeat="x in 
source">
<img src="{{x.urlToImage}}" style="width:100%">
<div class="w3-container w3-center">
<h2><a href="{{x.url}}" target="_blank">{{x.title}}</a></h2>
</div>
</div><br><br>
</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $http) {
var websites = ["the-times-of-india", "google-news", "bbc-news", "mirror", 
"reuters", "the-hindu", "the-new-york-times", "the-wall-street-journal"];
for(var i=0; i<websites.length;i++){
$http.get("https://newsapi.org/v1/articles?source=" +websites[i] 
+"&apiKey=f483fa2a3f714981afbee1a1996545b4")
.then(function(response) {
$scope.source = response.data.articles;
});
}
});
</script>

</body>
</html>

angularjs

angularjs-ng-repeat

angularjs-controller

回答

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/44422871

复制

相似问题

问AngularJS会重叠http.get结果，并将其限制为每页10个
EN

回答

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问AngularJS会重叠http.get结果，并将其限制为每页10个EN

回答

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问AngularJS会重叠http.get结果，并将其限制为每页10个
EN