Redirect to new Page in AngularJS using $location

Question

I am testing with the following AngularJS $location. I don't what's the problem with this. Just want to check if the redirection is working or not:

HTML

<body data-ng-controller="MainCtrl">
   Hello {{name}}!
   <button ng-click='go()'>Go</button>
</body>

AngularJS code

var app = angular.module('location', []);
   app.controller('MainCtrl', function($scope,$routeParams, $location) {
   $scope.name = 'World';
   $scope.go = function() {
   $location.absUrl() = 'http://www.google.com';
   }
});

Is there a typo ==, it should be =

Chandermani
– Chandermani

2013-09-18 14:58:48 +00:00
Commented Sep 18, 2013 at 14:58 — Chandermani
– Chandermani, Commented Sep 18, 2013 at 14:58
You could always use: window.location = 'google.com'

Zack Argyle
– Zack Argyle

2013-09-18 15:16:46 +00:00
Commented Sep 18, 2013 at 15:16 — Zack Argyle
– Zack Argyle, Commented Sep 18, 2013 at 15:16

Community · Accepted Answer · 2017-05-23 10:31:25Z

145

$location won't help you with external URLs, use the $window service instead:

$window.location.href = 'http://www.google.com';

Note that you could use the window object, but it is bad practice since $window is easily mockable whereas window is not.

edited May 23, 2017 at 10:31

CommunityBot

11 silver badge

answered Jan 14, 2014 at 11:42

Fernando Neira

4,0642 gold badges26 silver badges23 bronze badges

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

4 Comments

Nuriel Over a year ago

nice touch with $window instead of window. this should be the accepted answer.

Gavindra Kalikapersaud Over a year ago

$window is the an extra module to be added to use the $window feature?

Fernando Neira Over a year ago

@GK123512648 no need, it is located in the core ns module as mentioned in the official API reference

Dennis Hackethal Over a year ago

I had to use $window.location = ..., without the .href.

wdavilaneto · Accepted Answer · 2014-05-13 19:59:30Z

10

If you want to change ng-view you'll have to use the '#'

$window.location.href= "#operation";

answered May 13, 2014 at 19:59

wdavilaneto

8267 silver badges7 bronze badges

2 Comments

steveareeno Over a year ago

when I used this it generate the following error (although it worked): JavaScript runtime error: [$rootScope:infdig] 10 $digest() iterations reached. Aborting!

Willa Over a year ago

or you can just call $location.path('/whatever/the/path/is')

bdavidxyz · Accepted Answer · 2013-09-18 15:04:42Z

6

The line

$location.absUrl() == 'http://www.google.com';

is wrong. First == makes a comparison, and what you are probably trying to do is an assignment, which is with simple = and not double ==.

And because absUrl() getter only. You can use url(), which can be used as a setter or as a getter if you want.

reference : http://docs.angularjs.org/api/ng.$location

answered Sep 18, 2013 at 15:04

bdavidxyz

2,5902 gold badges23 silver badges40 bronze badges

2 Comments

Kiran Kumar Over a year ago

I Didnt get using '='. Also in the documentation examples they have specified '=='

David Lin Over a year ago

Won't work !!! absURL is READONLY. $location service provides getter methods for read-only parts of the URL (absUrl, protocol, host, port) and getter / setter methods for url, path, search, hash

Martijn Pieters · Accepted Answer · 2015-07-16 10:57:29Z

6

It might help you!

AngularJs Code-sample

var app = angular.module('urlApp', []);
app.controller('urlCtrl', function ($scope, $log, $window) {
    $scope.ClickMeToRedirect = function () {
        var url = "http://" + $window.location.host + "/Account/Login";
        $log.log(url);
        $window.location.href = url;
    };
});

HTML Code-sample

<div ng-app="urlApp">
    <div ng-controller="urlCtrl">
        Redirect to <a href="#" ng-click="ClickMeToRedirect()">Click Me!</a>
    </div>
</div>

edited Jul 16, 2015 at 10:57

Martijn Pieters

1.1m325 gold badges4.2k silver badges3.4k bronze badges

answered Jun 17, 2015 at 10:29

Anil Singh

4,2224 gold badges45 silver badges49 bronze badges

Comments

nilakantha singh deo · Accepted Answer · 2018-02-07 04:21:56Z

0

this worked for me inside a directive and works without refreshing the baseurl (just adds the endpoint).Good for Single Page Apps with routing mechanism.

  $(location).attr('href', 'http://localhost:10005/#/endpoint')

answered Feb 7, 2018 at 4:21

nilakantha singh deo

1,01617 silver badges30 bronze badges

Comments

shernshiou · Accepted Answer · 2013-09-19 09:41:53Z

-1

Try entering the url inside the function

$location.url('http://www.google.com')

answered Sep 19, 2013 at 9:41

shernshiou

5182 silver badges10 bronze badges

1 Comment

Mendhak Over a year ago

This doesn't work (at least in Angular 1.2.8), it's simply appending http://www.google.com to the URL. $window.location.href seems to be working though.

Collectives™ on Stack Overflow

Redirect to new Page in AngularJS using $location

6 Answers 6

4 Comments

2 Comments

2 Comments

Comments

Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

4 Comments

2 Comments

2 Comments

Comments

Comments

1 Comment

Linked

Related