AngularJS $ location não alterando o caminho

Estou com um problema ao alterar o URL da página após o envio de um formulário.

Aqui está o fluxo do meu aplicativo:

1. As rotas são definidas, o URL é reconhecido em alguma página do formulário.
2. Página carrega, controlador define variáveis, diretivas são acionadas.
3. Uma diretiva de formulário especial é acionada que executa um envio de formulário especial usando AJAX.
4. Depois que o AJAX é executado (o Angular não cuida do AJAX), um retorno de chamada é acionado e a diretiva chama a $scope.onAfterSubmitfunção que define o local.

O problema é que, depois de definir o local, nada acontece. Eu tentei definir o parâmetro de localização /também ... Não. Também tentei não enviar o formulário. Nada funciona.

Eu testei para ver se o código atinge a onAfterSubmitfunção (o que faz).

Meu único pensamento é que, de alguma forma, o escopo da função é alterado (desde que é chamado de uma diretiva), mas, novamente, como ele pode chamar onAfterSubmitse o escopo foi alterado?

Aqui está o meu código

var Ctrl = function($scope, $location, $http) {
  $http.get('/resources/' + $params.id + '/edit.json').success(function(data) {
    $scope.resource = data;
  });

  $scope.onAfterSubmit = function() {
    $location.path('/').replace();
  };
}
Ctrl.$inject = ['$scope','$location','$http'];

Alguém me pode ajudar, se faz favor?

Eu tive um problema semelhante há alguns dias. No meu caso, o problema era que eu mudei as coisas com uma biblioteca de terceiros (jQuery para ser mais preciso) e, nesse caso, embora chamar funções e definir variáveis ​​funcionem, o Angular nem sempre reconhece que há alterações, portanto, nunca é digerido.

$ apply () é usado para executar uma expressão em angular de fora da estrutura angular. (Por exemplo, nos eventos DOM do navegador, setTimeout, XHR ou bibliotecas de terceiros).

Tente usar $scope.$apply()logo após alterar o local e ligar replace()para avisar a Angular que as coisas mudaram.

Em vez de $location.path(...)alterar ou atualizar a página, usei o serviço $window. No Angular, esse serviço é usado como interface para o windowobjeto e o windowobjeto contém uma propriedade locationque permite lidar com operações relacionadas ao local ou ao material da URL.

Por exemplo, window.locationvocê pode atribuir uma nova página, assim:

$window.location.assign('/');

Ou atualize-o assim:

$window.location.reload();

Funcionou para mim. É um pouco diferente do esperado, mas funciona para o objetivo especificado.

Eu tive esse mesmo problema, mas minha ligação para $ location JÁ estava dentro de um resumo. Chamar $ apply () acabou de fornecer um $ digest já em erro no processo.

Este truque funcionou (e certifique-se de injetar $locationno seu controlador):

$timeout(function(){ 
   $location...
},1);

Embora nenhuma idéia do por que isso era necessário ...

Eu tive que incorporar minha $location.path()declaração assim porque meu resumo ainda estava sendo executado:

       function routeMe(data) {                
            var waitForRender = function () {
                if ($http.pendingRequests.length > 0) {
                    $timeout(waitForRender);
                } else {
                    $location.path(data);
                }
            };
            $timeout(waitForRender);
        }

No meu caso, o problema era o indicador de parâmetro opcional ('?') Ausente na minha configuração de modelo.

Por exemplo:

.when('/abc/:id?', {
    templateUrl: 'views/abc.html',
    controller: 'abcControl'
})


$location.path('/abc');

Sem o caractere de interrogação, a rota obviamente não mudaria suprimindo o parâmetro de rota.

Se algum de vocês estiver usando o Angular-ui / ui-router, use: em $state.go('yourstate')vez de $location. Isso fez o truque para mim.

Isso funciona para mim (no CoffeeScript)

 $location.path '/url/path'
 $scope.$apply() if (!$scope.$$phase)

Na minha opinião, muitas das respostas aqui parecem um pouco hacky (por exemplo, $ apply () ou $ timeout), uma vez que mexer com $ apply () pode levar a erros indesejados.

Normalmente, quando o local $ não funciona, significa que algo não foi implementado da maneira angular.

Nesta questão em particular, o problema parece estar na parte AJAX não angular. Eu tive um problema semelhante, em que o redirecionamento usando $ location deveria ocorrer após a promessa ser resolvida. Eu gostaria de ilustrar o problema neste exemplo.

O código antigo:

taskService.createTask(data).then(function(code){
            $location.path("task/" + code);
        }, function(error){});

Nota: taskService.createTask retorna uma promessa.

$ q - a maneira angular de usar promessas:

let dataPromises = [taskService.createTask(data)];
        $q.all(dataPromises).then(function(response) {
                let code = response[0];
                $location.path("task/" + code);
            }, 
            function(error){});

O uso de $ q para resolver a promessa resolveu o problema de redirecionamento.

Mais informações sobre o serviço $ q: https://docs.angularjs.org/api/ng/service/ $ q

setTimeout(function() { $location.path("/abc"); },0);

isso deve resolver seu problema.