Usługa kątowa zawierająca http pobiera wywołanie nie działa z ng-repeat
Mam kontroler kątowy, który wywołuje usługę. Usługa jest odpowiedzialna za zwracanie danych z pliku json.
kontroler:
function projectController($scope, ajaxServices) {
$scope.projects = ajaxServices.getProjects();
}
usługa:
projectManagerApp.factory('ajaxServices', function ($http) {
return {
getProjects : function () {
$http.get('projects.json', { data: {} }).success(function (data) {
if (window.console && console.log) {
console.log("objects returned: " + data.length); // shows # of items
}
return data //nothing ng-repeated, no console errors.
})
// Exact same data from json file hard-coded, works fine
// when not commented out.
// return [{ "id": 1, "name": "Project 1 }, { "id": 2, "name": "Project 2" }]
}
}
});
html:ng-repeat="project in projects"
W funkcji sukcesu widzę dane zwrócone w dzienniku konsoli, ale jeśli spróbuję zwrócić dane, element ng-repeat ul na mojej stronie jest pusty. W tej samej usłudze, jeśli po prostu zwrócę te same dane zapisane w konsoli na stałe (poza funkcją powodzenia, oczywiście działa to dobrze).
Jak mogę zwrócić dane do ng-repeat przy użyciu mojego wywołania ajax?
Jestem tak samo nowy w Plunker jak jestem Angular, ale oto moja próba Plunka:http://plnkr.co/edit/ALa9q6