angular error when redirect using $window.location.href

Question

I'm trying to redirect to other page on angular after posting data to API, I typed this code:

$scope.Proceed = function () {
        DataService.InsertPerson($scope.p)
        .then(function success(data) {
            $scope.p.ID = data.data;
            var url = "http://" + $window.location.host + "/#/show/person/";
            $window.location.href =  url + data.data; //adding ID to url
        });
    };

the page redirected correctly , But Angular Throws an error:

Error: $rootScope:infdig Infinite $digest Loop

I tryed $location but same results.

thank you for your time

which router are you using?

charlietfl
– charlietfl

2016-11-20 11:39:57 +00:00
Commented Nov 20, 2016 at 11:39 — charlietfl
– charlietfl, Commented Nov 20, 2016 at 11:39

Yosvel Quintero · Accepted Answer · 2016-11-20 12:11:23Z

1

Instead of doing a redirection with $window.location.href you can use AngularJS $location to change the URL and add it to the history stack:

$location.url('/show/person/' +  data.data);

Or:

$location.path('/show/person/' +  data.data);

Both methods are getter / setter:

$location.url returns the entire URL after the slash, including search string parameters and change path, search and hash, when called with parameter and return $location.
$location.path returns the part of the URL after the slash not including search string parameters and change path when called with parameter and return $location.

edited Nov 20, 2016 at 12:11

answered Nov 20, 2016 at 11:15

Yosvel Quintero

19.1k5 gold badges39 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

mohamad kibaly Over a year ago

After changing the code and using $location, Angular route to default page.

Yosvel Quintero Over a year ago

Have to check the new url is well formed and exists in your routes, and also check that the data.data returned from the success function is a valid valid value..

Yosvel Quintero Over a year ago

See that I have used /#/show/person/ similar to you.. Try with: $location.url('/show/person/' + data.data);

mohamad kibaly Over a year ago

Have to check the new url is well formed and exists in your routes yes the same url is redirect with '$window.location.href' , and I testing using hard coded value '$location.url('/#/show/person/' + "1");'

mohamad kibaly Over a year ago

The problem was solved after using $location.path('/show/person/' + data.data) WITHOUT #

|

Collectives™ on Stack Overflow

angular error when redirect using $window.location.href

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related