[angularjs] AngularJS $ location이 경로를 변경하지 않습니다

양식을 제출 한 후 페이지의 URL을 변경하는 데 문제가 있습니다.

내 앱의 흐름은 다음과 같습니다.

경로가 설정되고 URL이 특정 양식 페이지로 인식됩니다.
페이지로드, 컨트롤러 설정 변수, 지시문이 실행됩니다.
AJAX를 사용하여 특수 양식 제출을 수행하는 특수 양식 지시문이 실행됩니다.
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)