AngularJS $ locationがパスを変更しない

フォームの送信後にページのURLを変更すると問題が発生します。

これが私のアプリの流れです：

1. ルートが設定され、URLが何らかのフォームページに認識されます。
2. ページの読み込み、コントローラーセットの変数、ディレクティブが発生します。
3. AJAXを使用して特別なフォーム送信を実行する特別なフォームディレクティブが起動されます。
4. AJAXが実行された後（AngularはAJAXを処理しません）、コールバックが発生し、ディレクティブが$scope.onAfterSubmit場所を設定する関数を呼び出します。

問題は、場所を設定した後に何も起こらないことです。ロケーションパラメータ/も同様に設定しようとしました...いいえ。また、フォームを送信しないようにしました。何も機能しません。

コードがonAfterSubmit関数に到達するかどうかを確認するためにテストしました（実行されます）。

私の唯一の考えは、（ディレクティブから呼び出されたために）関数のスコープが何らかの方法でonAfterSubmit変更されたということですが、スコープが変更された場合、どのように呼び出すことができますか？

これが私のコードです

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'];

誰かが私を助けてくれますか？

先日も同様の問題がありました。私の場合の問題は、サードパーティのライブラリ（正確にはjQuery）で変更したことです。この場合、関数の呼び出しと変数の設定が機能しても、Angularは常に変更があることを認識しないため、ダイジェストされません。

$ apply（）は、角度フレームワークの外側から角度で式を実行するために使用されます。（たとえば、ブラウザのDOMイベント、setTimeout、XHR、またはサードパーティのライブラリから）。

$scope.$apply()場所を変更し、変更replace()があったことをAngularに知らせるために呼び出した直後に使用してみてください。

$location.path(...)ページを変更または更新する代わりに、サービスを使用しました$window。Angularでは、このサービスはwindowオブジェクトへのインターフェースとして使用され、windowオブジェクトにはlocation、場所やURL関連の操作を処理できるプロパティが含まれています。

たとえばwindow.location、次のように新しいページを割り当てることができます：

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

または、次のように更新します。

$window.location.reload();

それは私のために働いた。それはあなたが期待するものとは少し異なりますが、与えられた目標のために機能します。

同じ問題がありましたが、$ locationへの呼び出しはダイジェスト内ですでに実行されていました。$ apply（）を呼び出すと、すでに処理中の$ digestにエラーが発生しました。

このトリックはうまく$locationいきました（そして必ずあなたのコントローラーに注入してください）：

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

なぜこれが必要なのかはわかりませんが...

$location.path()私のダイジェストがまだ実行されていたので、このようなステートメントを埋め込む必要がありました。

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

私の場合、問題はテンプレート構成にオプションのパラメーターインジケーター（ '？'）がないことでした。

例えば：

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


$location.path('/abc');

問い合わせ文字がない場合、ルートは明らかにルートパラメータを抑制して変更されません。

Angular-ui / ui-routerを使用している場合は、の$state.go('yourstate')代わりにを使用してください$location。それは私のためのトリックをしました。

これは私（CoffeeScriptで）

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

私の意見では、$ apply（）をいじると不要なエラーが発生する可能性があるため、ここでの回答の多くは少しハックに見えます（例：$ apply（）または$ timeout）。

通常、$ locationが機能しない場合は、角度のある方法で実装されていないことを意味します。

この特定の質問では、問題は非角度AJAX部分にあるようです。私は同様の問題を抱えていました。$ locationを使用したリダイレクトは、promiseが解決された後に行われるべきです。この例の問題を説明したいと思います。

古いコード：

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

注：taskService.createTaskはpromiseを返します。

$ q-promiseを使用するための角度のある方法：

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

$ qを使用してpromiseを解決すると、リダイレクトの問題が解決しました。

$ qサービスの詳細：https : //docs.angularjs.org/api/ng/service/ $ q

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

それはあなたの問題を解決するはずです。