Edit on
<script src="http://code.angularjs.org/1.0.7/angular.min.js"></script>
<script src="http://code.angularjs.org/1.0.7/angular-resource.min.js"></script>

<div  ng-app="myApp" ng-controller="MyCtrl1">
  <table class="table table-striped table-bordered">
    <tr ng-repeat="issue in myData.issueList | filter:filterText">
      <td><a href="{{issue.html_url}}">{{issue.id}}</a></td>
      <td class="text-center">{{issue.title}}</td>
      <td class="text-center">{{issue.created_at | date:'short'}}</td>
      <td class="text-center">{{issue.updated_at | date:'short'}}</td>
      <td class="text-center">{{issue.comments}}</td>
      <td class="text-center" ng-class="issue.state">{{issue.state}}</td>
      <td class="text-center">{{issue.user.login}}</td>
      <td>{{issue.title}}</td>
    </tr>
  </table>
</div>
td {padding: 0.2em 1em;}
td.open {color: darkgreen;}
td.closed {color: maroon;}
.table{width:100%;margin-bottom:20px;}
.table th,.table td{padding:8px;line-height:20px;text-align:left;vertical-align:top;border-top:1px solid #dddddd;}
.table th{font-weight:bold;}
.table thead th{vertical-align:bottom;}
.table tbody+tbody{border-top:2px solid #dddddd;}
.table .table{background-color:#ffffff;}
.table-condensed th,.table-condensed td{padding:4px 5px;}
.table-bordered th,.table-bordered td{border-left:1px solid #dddddd;}
.table-striped tbody>tr:nth-child(odd)>td,.table-striped tbody>tr:nth-child(odd)>th{background-color:#f9f9f9;}
// from http://coder1.com/articles/consuming-rest-services-angularjs
angular.module('myApp', ['ngResource'])
.config(['$httpProvider', function($httpProvider) {
        $httpProvider.defaults.useXDomain = true;
        delete $httpProvider.defaults.headers.common['X-Requested-With'];
    }])
.factory('AngularIssues', function ($resource) {
    return $resource('https://api.github.com/repos/angular/angular.js/issues/');
})
.controller('MyCtrl1', ['$scope', 'AngularIssues', function (scope, AI) {
    scope.myData = { issueList: []  };

    scope.setIssueList = function () {
        AI.query({
        }, function (data) {
            scope.myData.issueList = data;
        });
    };
    scope.setIssueList();
}]);
Rerun