J'essaie de créer un service pour obtenir json et me le transmettre homeCtrl Je peux obtenir les données mais quand je le passe à mon homeCtrl, il retourne toujours indéfini. Je suis coincé.
Mon service:
var myService = angular.module("xo").factory("myService", ['$http', function($http){
return{
getResponders: (function(response){
$http.get('myUrl').then(function(response){
console.log("coming from servicejs", response.data);
});
})()
};
return myService;
}
]);
Mon contrôleur domestique:
var homeCtrl = angular.module("xo").controller("homeCtrl", ["$rootScope", "$scope", "$http", "myService",
function ($rootScope, $scope, $http, myService) {
$scope.goData = function(){
$scope.gotData = myService.getResponders;
};
console.log("my service is running", $scope.goData, myService);
}]);
Vous devez renvoyer la promesse de la fonction getResponders
, et lorsqu'elle est résolue, elle doit renvoyer response.data
à partir de cette fonction.
sine
var myService = angular.module("xo").factory("myService", ['$http', function($http) {
return {
getResponders: function() {
return $http.get('myUrl')
.then(function(response) {
console.log("coming from servicejs", response.data);
//return data when promise resolved
//that would help you to continue promise chain.
return response.data;
});
}
};
}]);
Toujours à l'intérieur de votre contrôleur, vous devez appeler la fonction d'usine et utiliser .then
pour obtenir l'appel lorsque la fonction de service getResponders
résout le $http.get
appeler et affecter le data
à $scope.gotData
Code
$scope.goData = function(){
myService.getResponders.then(function(data){
$scope.gotData = data;
});
};
Ceci est un exemple de la façon dont j'ai fait pour mon projet, cela fonctionne bien pour moi
var biblionum = angular.module('biblioApp', []);//your app
biblionum.service('CategorieService', function($http) {
this.getAll = function() {
return $http({
method: 'GET',
url: 'ouvrage?action=getcategorie',
// pass in data as strings
headers: {'Content-Type': 'application/x-www-form-urlencoded'} // set the headers so angular passing info as form data (not request payload)
})
.then(function(data) {
return data;
})
}
});
biblionum.controller('libraryController', function($scope,CategorieService) {
var cat = CategorieService.getAll();
cat.then(function(data) {
$scope.categories = data.data;//don't forget "this" in the service
})
});