A Pen by Equan Pr..

index.html

<div ng-app="App" ng-controller="AppController">
  <h1>My Repository List</h1>
  <p ng-repeat="repo in repos | orderBy:predicate:false">☠ {{repo.name}}</p>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js"></script>

Jracy.markdown

AngularJS Service

A Pen by Equan Pr. on CodePen.

License.

script.js

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

App.service('GithubService', function($http, $q){
   
  var deferred = $q.defer();
  
  this.getRepo = function(){ 
     $http.get('https://api.github.com/users/junwatu/repos')
     .success(function(repos){
          deferred.resolve(repos);
     })
     .error(function(){
          deferred.reject('Error!');
     })
    
      return deferred.promise;
   }
});

App.controller('AppController', function($scope, GithubService){
    GithubService.getRepo()
    .then(function(data){
          console.log(data);
          $scope.repos = data;
    })
    .catch(function(err){
        alert(err);
    });
  
    $scope.predicate='-name';
})

style.css

body {
  background-color: #1d1f20;
  color: white;
  padding: 10px 0px 0px 20px;
}