如何在angular中实现递归？
如何在angular中实现递归？
提问于 2018-07-25 02:14:59
我写了一个小程序，让它根据给定的数组长度，通过API按顺序获取数据。我有一个按钮，当单击它时，它会迭代数组。
以下是角度控制器：
angular.module('LoadingBarExample', ['chieffancypants.loadingBar',
'ngAnimate'
])
.config(function(cfpLoadingBarProvider) {
cfpLoadingBarProvider.includeSpinner = true;
})
.controller('ExampleCtrl', function($scope, $http, $timeout, cfpLoadingBar) {
$scope.posts = [];
$scope.test = 0;
$scope.section = null;
$scope.subreddit = null;
$scope.subreddits = ['cats', 'pics', 'funny', 'gaming', 'AdviceAnimals',
'aww'
];
var getRandomSubreddit = function() {
// var sub = $scope.subreddits[Math.floor(Math.random() * $scope.subreddits.length)];
if ($scope.test > $scope.subreddits.length - 1) {
$scope.test = 0
}
var sub = $scope.subreddits[$scope.test];
// console.log($scope.subreddits[$scope.test])
$scope.test++;
// ensure we get a new subreddit each time.
if (sub == $scope.subreddit) {
return getRandomSubreddit();
}
return sub;
};
$scope.fetch = function() {
$scope.subreddit = getRandomSubreddit();
$http.jsonp('http://www.reddit.com/r/' + $scope.subreddit + '.json?limit=50&jsonp=JSON_CALLBACK').success(function(data) {
$scope.posts = data.data.children;
});
};这是HTML：
<a href="#" class="btn btn-primary btn-lg" ng-click="fetch()"><i class="glyphicon glyphicon-play-circle"></i> Start Service <span> (User Arrive)</span></a>
</div>
</div>
<h4 class="loading-text" ng-show="subreddit">Showing 100 results for: <span>/r/{{subreddit}}...</span></h4>
<div ng-repeat="post in posts" class="panel panel-default">
<div class="panel-body media">
<span class="badge pull-right">{{post.data.score}}</span>
<div class="pull-left" ng-if="post.data.thumbnail">
<img class="thumbnail" ng-src="{{post.data.thumbnail}}">
</div>
<div class="">
<div class="">
<a href="{{post.data.url}}">{{post.data.title}}</a>
<p class="meta">by {{post.data.author}}</p>
<p class="meta-comments">{{post.data.num_comments}} comments</p>
</div>
</div>
</div>
</div>我想按下按钮一次，fetch应该会继续显示，直到数组长度
谢谢
回答 1
Stack Overflow用户
发布于 2018-07-25 02:34:06
您每次调用时都会替换您的帖子数据。
将$scope.posts = data.data.children;替换为$scope.posts = $scope.posts.concat(data.data.children);以附加帖子，而不是替换。
如果您希望获取函数的运行次数与$scope.subreddits数组中的subreddits一样多，则可以将fetch()更改为以下值：
$scope.fetch = function() {
for (i = 0; i < $scope.subreddits.length; i++) {
$scope.subreddit = getRandomSubreddit();
$http.jsonp('http://www.reddit.com/r/' + $scope.subreddit + '.json?limit=50&jsonp=JSON_CALLBACK').success(function (data) {
$scope.posts = $scope.posts.concat(data.data.children);
});
}};页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51505148
复制相关文章
相似问题
腾讯云开发者
