Bom dia
Estou querendo criar um arquivo separado para cada factory que tenho que declarar em meu projeto, mas não está dando certo:
Arquivo App.js
var GestaoGastos = angular.module('GestaoGastos', ['ngMaterial', 'ngRoute', 'ngMessages', 'ngResource']);
Arquivo cargo-service.js
var CargoService = function(q, http) {
var self = {}
self.salvar = function(cargo) {
var deferred = q.defer()
http.post('/services/cargo/salvar', cargo).then(function(response) {
deferred.resolve(respoonse)
}, function(response) {
deferred.reject(response)
})
return deferred.promise
}
return self
}
CargoService.$inject = ['$q', '$http']
angular.module('GestaoGastos').factory('CargoService', CargoService)
E o arquivo cargo-cadastro-controller.js
var CargoCadastroController = function(
scope, http, cargoService, RetornoChamadoStatus) {
scope.cargo = {
codigo: '',
descricao: ''
}
scope.salvar = function() {
cargoService.salvar(scope.cargo).then(function(response) {
var retorno = response.data
if (retorno.status == RetornoChamadoStatus.OK) {
alert(retorno.mensagem)
} else {
alert(retorno.mensagem)
}
}, function(response) {
})
}
}
CargoCadastroController.$inject = ['$scope', '$http', 'CargoService', 'RetornoChamadoStatus']
GestaoGastos.controller('CargoCadastroController', CargoCadastroController)
Mas o seguinte erro é apresentado:
Error: [$injector:unpr] http://errors.angularjs.org/1.4.8/$injector/unpr?p0=CargoServiceProvider%20%3C-%20CargoService%20%3C-%20CargoCadastroController
Se acessarmos o link podemos ver:
Error: $injector:unpr Unknown Provider Unknown provider: CargoServiceProvider <- CargoService <- CargoCadastroController
Mas se eu pegar o código do cargo-service.js e colar no final do arquivo app.js, da certo, mas não queria deixar lá para não deixar o arquivo muito grande, alguém sabe como resolver este problema ?
index
?