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>
$scope.$apply();
da esse erro:Error: [$rootScope:inprog] $digest already in progress