var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope, $http, $q) {
$scope.name = 'World';
$scope.loadIssues = function(){
/*var deferred = $q.defer();
var request = {
method: 'GET',
url: 'http://jentzschserverdev-46690.onmodulus.net/index.php/issues',
headers: {
'Anonymous': true
}
};
$http(request)
.success(function(data){
console.log('success', data);
deferred.resolve(data.issues);
})
.error(function(){
console.log('error');
deferred.resolve([]);
});
return deferred.promise;*/
return [
{name: 'Issue 1'},
{name: 'Issue 2'}
];
}
});
<!DOCTYPE html>
<html ng-app="plunker">
<head>
<meta charset="utf-8" />
<title>AngularJS Plunker</title>
<script>document.write('<base href="' + document.location + '" />');</script>
<link rel="stylesheet" href="style.css" />
<script data-require="angular.js@1.3.x" src="https://code.angularjs.org/1.3.15/angular.js" data-semver="1.3.15"></script>
<script src="app.js"></script>
</head>
<body ng-controller="MainCtrl">
<p>Hello {{name}}!</p>
<ul class='issue-list'>
<li class='issue' ng-repeat="issue in loadIssues()">
{{issue.name}}
</li>
</ul>
</body>
</html>
/* Put your css in here */