estoy adentrándome en el mundo de angular, y tratando de inyectar un service o factory en un controller, pero me salen errores.
Hago un llamado $http.post usando un controller
var app;
app = angular.module('AppUPC',[]);
app.controller('formulario', ['$scope', '$http', '$httpParamSerializer',
function ($scope, $http, $httpParamSerializer){
$scope.login = function(){
var datos;
datos = {
Usuario: $scope.usuariotxt,
Password: $scope.passwordtxt
};
console.log(datos);
var url, method;
url = 'http://190.109.185.138/Apipedro/api/login';
method = 'POST';
$http.post(url, $httpParamSerializer(datos), {
headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
}).then(function success(response) {
$scope.persons = response.data;
console.log($scope.persons);
}, function error(response) {
$scope.status = response.status;
console.log($scope.status);
});
};
}]);
Luego dividí responsabilidades de esta forma usando un service
controller
var app;
app = angular.module('AppUPC',[]);
app.controller('formulario', ['$scope', 'ObtenerDatos', function ($scope, ObtenerDatos){
$scope.login = function(){
var datos, usuario;
datos = {
Usuario: $scope.usuariotxt,
Password: $scope.passwordtxt
};
usuario = ObtenerDatos;
console.log(usuario);
};
}]);
service
app.service('ObtenerDatos',['$scope', '$http', '$httpParamSerializer', function ($scope, $http, $httpParamSerializer){
$scope.peticion = function (datos){
var url, method;
url = 'http://190.109.185.138/Apipedro/api/login';
method = 'POST';
$http.post(url, $httpParamSerializer(datos), {
headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
}).then(function success(response) {
return response.data;
}, function error(response) {
return response.status;
});
};
}]);
Error
Error: [$injector:unpr] Unknown provider: $scopeProvider <- $scope <- ObtenerDatos