1

Tenho um modal com um form, preencho esse form e clico no botão salvar e os dados são salvos no banco, porém tenho que dar um F5 pra atualizar a tabela. Como posso atualizar a tabela depois de inserir esses dados?

Atualmente é dessa forma que carrego os dados vindos da API:

$scope.colaboradores = colaboradores.data;

Controller completo:

angular.module("oraculo").controller("colaboradorController", function($scope, $routeParams, $location, colaboradores, colaboradorAPI){

    $scope.colaboradores = colaboradores.data;

    $scope.adicionarColaborador = function(colaborador){
        colaboradorAPI.saveColaborador(colaborador).success(function(data){
            console.log("Salvar!");
            $scope.colaboradores = colaboradores.data;
            delete $scope.colaborador;
            $scope.colaboradorForm.$setPristine();
        })
        .error(function(response, status){
            console.log("erro "+status);
        });
    }

});

Configuração da Rota:

angular.module("oraculo").config(function($routeProvider){

    $routeProvider.when("/home", {
        templateUrl: "public/views/colaborador.html",
        controller: "colaboradorController",
        resolve: {
            colaboradores: function(colaboradorAPI){
                return colaboradorAPI.getColaboradores();
            }
        }
    });

    $routeProvider.otherwise({redirectTo: "/home"});

});

Já tentei colocar um $scope.colaboradores = colaboradores.data; no método adicionarColaborador porém não funcionou.

Botão Salvar que fica dentro do modal:

<button class="btn btn-success btn-block" ng-click="adicionarColaborador(colaborador)" ng-disabled="colaboradorForm.$invalid" data-dismiss="modal">
    <span class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></span>
    Salvar
</button>
4
  • Tente dar um $scope.$apply() após $scope.colaboradores = colaboradores.data; Commented 22/09/2015 às 19:40
  • Quanto tento dar um $scope.$apply(); da esse erro: Error: [$rootScope:inprog] $digest already in progress Commented 22/09/2015 às 19:45
  • Remova o delete $scope.colaborador; Commented 22/09/2015 às 19:58
  • Continua o mesmo erro. Commented 22/09/2015 às 20:01

1 Resposta 1

1

No teu código ao invés de:

$scope.colaboradores = colaboradores.data

altere para:

$scope.colaboradores.push(colaborador)

Observe que você está setando o valor incial para $scope.colaboradores após salvar um novo colaborador. O correto seria incluir o novo colaborador na lista já existente.

17
  • Dessa forma funciona, porém a tabela não é preenchida corretamente, ou seja, a linha que mostra na table não é a linha retornada do banco. Commented 22/09/2015 às 20:11
  • Então mude para $scope.colaboradores.push(data), verifique se a data é o colaborador que foi inserido. Precisa ver o que teu server retorna Commented 22/09/2015 às 20:13
  • agora após clicar no botão salvar não aparece nada na table Commented 22/09/2015 às 20:15
  • O que vem na variável data? Commented 22/09/2015 às 20:18
  • essa data vem do resolve Commented 22/09/2015 às 20:19

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 .