AngularJS GitHub API | Lista de participantes en la list de repositorys

Tengo un problema con la list de repositorys en la list de todos los Conversores de este repository.

Quiero crear una list de Contribuyentes en la list de repositorys descargados usando GitHub Api. Sin embargo, no puedo get estos datos para cada repository y ponerlos en html. ¿Alguien tiene alguna idea de cómo hacer esto? Gracias de antemano por su ayuda

Mi código: aplicación en html

<div ng-controller="gitApi" ng-app="app"> <div class="container"> <h1 class="text-center"> <span ng-hide="userData" />Loading</span> <span />{{userData.name}}</span> <br> <a href="{{userData.html_url}}" class="btn btn-default"> {{userData.login}} </a> </h1> <div class="panel panel-default"> <div class="panel-heading"> <form class="form-inline"> <span> <h4>Repos <span class="badge">{{repoData.length}}</span> <input ng-model="searchText" placeholder="Search" class="form-control input-sm"> </h4> </span> </form> </div> <div class="panel-body"> <div class="list-group"> <div ng-repeat="orgs in orgsData | filter:searchText | orderBy:pnetworkingicate:reverse" class="list-group-item "> <div class="row"> <div class="col-md-6"> <h4> <a href="{{repo.html_url}}" target="_blank"> {{orgs.name}} </a> <small>{{orgs.description}}</small> </h4> <small> <a href="{{orgs.homepage}}" class=""> <i class="fa fa-link"></i> WebPage </a> </small> </div> <div class="col-md-6"> Conributors List: <div ng-repeat=" | filter:searchText | orderBy:pnetworkingicate:reverse" class="list-group-item "> <div class="row"> <div class="col-md-12"> </div> </div> </div> </div> </div> </div> </div> 

APP.js

 angular.module('app', []) .controller('gitApi', ['$scope', '$http', function($scope, $http) { $scope.reposLoaded = false; $scope.userLoaded = false; $scope.orgsLoaded = false; $http.get("https://api.github.com/users/angular") .success(function(data) { $scope.userData = data; loadOrgsRepos(); }); var loadOrgsRepos = function() { $http.get("https://api.github.com/orgs/angular/repos") .success(function(data) { $scope.orgsData = data; }); } $scope.pnetworkingicate = '-updated_at'; }]); 

Puede get la URL de todos los queueboradores de contributors_url y hacer una llamada a la API para cada uno de ellos, almacenando el resultado en la matriz $scope.orgsData original:

 "use strict"; var githubApp = angular.module('app', []); githubApp.controller('gitApi', ['$scope', '$http', '$q', function($scope, $http, $q) { $http.get("https://api.github.com/users/angular") .success(function(data) { $scope.userData = data; loadOrgsRepos(); }); var loadOrgsRepos = function() { $http.get("https://api.github.com/orgs/angular/repos") .success(function(data) { $scope.orgsData = data; var contribs = []; for (var i in data) { contribs.push(data[i].contributors_url); } $q.all(contribs.map(function(item) { return $http({ method: 'GET', url: item }); })) .then(function(results) { results.forEach(function(val, i) { $scope.orgsData[i].contributors = val.data; }); }); }); } $scope.repo_sort = '-updated_at'; $scope.contrib_sort = '-contributions' }]); 
 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <body id="page-top" class="index"> <div ng-controller="gitApi" ng-app="app"> <div class="container"> <h1 class="text-center"> <span ng-hide="userData">Loading</span> <span>{{userData.name}}</span> <br> <a href="{{userData.html_url}}" class="btn btn-default"> {{userData.login}} </a> </h1> <div class="panel panel-default"> <div class="panel-heading"> <form class="form-inline"> <span> <h4>Repos <span class="badge">{{repoData.length}}</span> <input ng-model="searchText" placeholder="Search" class="form-control input-sm"> </h4> </span> </form> </div> <div class="panel-body"> <div class="list-group"> <div ng-repeat="orgs in orgsData | filter:searchText | orderBy:repo_sort:reverse" class="list-group-item "> <div class="row"> <div class="col-md-8"> <h4> <a href="{{repo.html_url}}" target="_blank"> {{orgs.name}} </a> <small>{{orgs.description}}</small> </h4> <small> <a href="{{orgs.homepage}}" class=""> <i class="fa fa-link"></i> WebPage </a> </small> </div> <div class="col-md-6"> Conributors List: <div class="list-group-item"> <div class="row"> <div class="col-md-4"> name </div> <div class="col-md-4"> avatar </div> <div class="col-md-4"> contributions </div> </div> </div> <div ng-repeat="contrib in orgs.contributors | filter:searchText | orderBy:contrib_sort:reverse" class="list-group-item"> <div class="row"> <div class="col-md-4"> <a href="{{contrib.html_url}}" target="_blank"> {{contrib.login}} </a> </div> <div class="col-md-4"> <img ng-src="{{contrib.avatar_url}}" height="42" width="42" /> </div> <div class="col-md-4"> <p> {{contrib.contributions}} </p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </body>