Controller:
(function(angular) {
var app = angular.module('t2w');
app.factory('httpq', function($http, $q) {
return {
get: function() {
var deferred = $q.defer();
$http.get.apply(null, arguments).success(deferred.resolve).error(deferred.resolve);
return deferred.promise;
}
}
});
app.controller('JobsCtrl', ['$scope','httpq','baseUrl', function($scope, httpq, baseUrl) {
httpq.get(baseUrl + '/jobs/json').then(function(data) {
$scope.jobs = data;
}).catch(function(data, status) {
console.error('Error', response.status, response.data);
}).finally(function() {
});
$scope.random = function() {
return 0.5 - Math.random();
};
}]);
})(window.angular);
View:
...
<tbody>
<tr ng-repeat="job in jobs | orderBy:random">
<td class="jobtitle">
<a href="#jobs/{{job._id}}">
{{job.title}} m/w
</a>
<p>
{{job.introText | limitTo: 150}}...
</p>
</td>
<td>
{{job.area}}
</td>
</tr>
</tbody>
...
JSON Response:
{
"_id": "5880ae65ff62b610h4de2740",
"updatedAt": "2017-01-19T12:17:37.027Z",
"createdAt": "2017-01-19T12:17:37.027Z",
"title": "Job Title",
"area": "City",
"introText": "Lorem Ipsum Sit Dolor",
...
}
Error:
angular.js:13920 Error: [$rootScope:infdig]
Can someone give me a hint why I get this error? Already checked the documentation and I do not call a function in my ng-repeat nor generate a new Array with each call.