2

Preciso passar dois valores (página e total) de $scope que estão no controller para um service factory, como faço? Existe alguma boa prática para fazer isso?

Service:

angular.module("myapp").factory("AtividadesAPI", function ($http, config) {

    var _getAtividades = function () {
        return $http.get(config.baseUrl + "/atividades");
    };

    var _getAtividadesPaginadas = function () {
        return $http.get(config.baseUrl + "/atividades?pagina=param1&total=param2");
    };

    return {
        getAtividades: _getAtividades,
        getAtividades: _getAtividadesPaginadas
    };

});

ATUALIZAÇÃO

Controller:

carregarAtividades = function () {
    AtividadesAPI.getAtividades().success(function (data) {
        $scope.atividades = data;
    }).error(function (data, status) {
        $scope.message = "Aconteceu um problema: " + data;
    });
};
5
  • Como está o seu controller? Commented 10/11/2016 às 22:39
  • Atualizei com o controller, @CelsomTrindade. Era só passar como parâmetro mesmo, não sei como não pensei nisso. Commented 11/11/2016 às 0:43
  • 1
    Sim. Um dos modos é passar como parâmetro. Você pode fazer uma referência também. Assim, você atualiza no controller e ele automaticamente atualiza na factory, sem necessidade de passar parâmetro. Se tiver interesse, posso elaborar uma outra resposta abordando esse método =D Commented 11/11/2016 às 0:49
  • Opa, tenho sim. É sempre bom aprender outras formas de implementar, e vai complementar a resposta também. Commented 11/11/2016 às 1:01
  • Respondido Fernando! =D Commented 11/11/2016 às 1:26

3 Respostas 3

3

Como conversado nos comentários, apesar de já haver uma resposta aceita, ela mostra apenas um modo de atualizar um dado na factory. Outro método, e talvez uma das melhores features do AngularJs, é atualizar os dados por referência, ou seja, ao invés de chamar uma função que atualize os dados, você cria um escopo com referência a um objeto na factory.

Assim, quando houver uma atualização, seja em controller, directive, component, etc.. O valor na factory também será atualizado.

Mas, para que isso funcione, você deve seguir uma regra básica: Todo valor a ser referenciado deve ser definido dentro da factory. Veja este exemplo:

angular.module(appModule)
.factory('empresaFactory', function() {
    //Factory
    const empresa = {}; //Esse objeto é apenas uma referência geral da factory, para que você acesse os dados ou funções;


    // Aqui declaramos os dados
    empresa.dados    = {}; //Dados da empresa
    empresa.produtos = []; //Lista de produtos da empresa


    // Aqui declaramos as funções
    /**
     * Função para atualizar os dados (declarados acima) após obter o endpoint de sua api
     */
    empresa.atualizaEmpresa= function(campo, valor) {
        return angular.extend(empresa[campo], valor); //Não sei se é extremamente necessário utilizar o extend, mas quando eu não utilizo desse modo, o comportamento é irregular
    }
    
    // Retornamos a factory
    return empresa;
})

Como você pode ver, eu criei 2 referências (object) empresa.dados e (array) empresa.produtos onde iremos armazenar os dados. Assim que você obter os dados, por exemplo, carregou os dados da empresa do banco de dados, você chama a função empresa.atualizaDados para criar o objeto inicial, assim:

controller

$scope.empresa = empresaFactory.dados; //Cria a referência

empresaFactory.atualizaEmpresa('dados', $scope.dadosDaEmpresa); //Semelhante a primeira respota

//Ou deste modo
$scope.empresa = dadosDaApi; //dados obtidos do seu banco de dados

//Ou atualizar apenas um valor
$scope.empresa.nome = 'Novo nome da empresa';
$scope.empresa.cnpj = '11.222.333/0000-99';

A mesma coisa serve para a array, você pode fazer toda a manipulação, veja:

controller

$scope.produtos = empresaFactory.produtos;

$scope.produtos.push(novoProduto); //Adiciona um produto
$scope.produtos.splice(index, 1); //Remove um produto

Todas essas atualizações que mencionei, elas vão refletir o resultado diretamente na "fonte", ou seja, na Factory, sem necessidade de chamar a atualização manualmente.


Importante!!!

Note que ainda assim eu chamo uma atualização manual na Factory com isso: empresaFactory.atualizaEmpresa('dados', $scope.dadosDaEmpresa);. Eu, particularmente, faço isso pois quando eu obtenho os dados iniciais, eles são feitos dentro do resolve do meu state, então é apenas um modo mais prático, pois eu não preciso criar uma referência somente para atualizar. Eu apenas atualizo direto como parâmetro.

Mas isso fica a seu critério.

Espero que eu tenha conseguido explicar de modo claro e que você aprenda mais sobre isso. Esse método vai lhe ajudar se você tiver uma aplicação complexa com compartilhamento de dados em muitos locais.

1
  • 1
    Vou dar +1 pelas explicações ^^
    – Sorack
    Commented 11/11/2016 às 1:37
2

Você pode simplesmente passa-los como parâmetro para a função que você criou. Paramêtros servem pra isso mesmo e você pode confirmar aqui Angular Styleguide - Factories.

angular.module("myapp").factory("AtividadesAPI", function ($http, config) {

    var _getAtividades = function () {
        return $http.get(config.baseUrl + "/atividades");
    };

    var _getAtividadesPaginadas = function (pagina, total) {
        return $http.get(config.baseUrl + "/atividades?pagina=" + pagina + "&total=" + total);
    };

    return {
        getAtividades: _getAtividades,
        getAtividadesPaginadas: _getAtividadesPaginadas
    };

});

Seu controller fará a chamada:

AtividadesAPI.getAtividadesPaginadas($scope.pagina, $scope.total);
0

Acho que isto te ajuda:

$http.get({
    url: config.baseUrl + '/atividades', 
    method: "GET",
    params: {pagina: param1, total: param2}
 })

Aqui mostra outras possibilidades e tipos de argumentos que se pode passar no $http.get.

https://docs.angularjs.org/api/ng/service/$http#get https://docs.angularjs.org/api/ng/service/$http#usage

1
  • O que você está fazendo é um serviço http e não uma comunicação entre controller e factory. Commented 10/11/2016 às 22:40

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .