How to redirect to an external URL

Question

When trying to redirect to an external page using $window.location.href, the page is just refreshing and not redirecting to the expected URL.

eg. Inside the controller used like this e.g. $window.location = 'http://www.google.com' , but still it was not redirecting to new url. — madh, Mar 18 '15 at 18:48
it works for me. Are you injecting $window into your controller? Doss it give you any error on the console? — Norbor Illig, Mar 18 '15 at 18:49
Could just use plain javascript... `window.open('google.com');` https://developer.mozilla.org/en-US/docs/Web/API/Window/open — Tony, Mar 18 '15 at 18:52
pdmApp.controller('projectionDetailController', [ '$log', 'projectionDetailService', '$filter', '$window', '$location', '$scope', function ($log, pdService, $filter,$window,$location, $scope) { $scope.backToPreviousPage = function () { $window.location = "http://www.google.com"; } } }); it is still not redirecting to external url e.g google.com — madh, Mar 18 '15 at 18:57
Tony- I have used window.open('google.com') , this opens a new browser window. is it possible to open in existing window. — madh, Mar 18 '15 at 20:34
I saw this behavior happen when the URL was (literally) wrapped in quotes; even though I had "http://" in front of the URL. Removing the quotes fixed it. — Jason D, Oct 08 '15 at 17:40

Alaksandar Jesus Gene · Accepted Answer · 2015-03-18T19:58:31.223

30

<html ng-app="myApp">
<head>
</head>
<body ng-controller="myCtrl">
    <p> <a href="https://www.google.co.in/"><button>Click me to redirect from template</button></a></p>
    <p ng-click="myFunction()"> <button>Click me to redirect from controller</button></p>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<script>
    var app = angular.module('myApp',[]);
    app.controller('myCtrl',function($window,$scope){
        $scope.myFunction = function(){
        $window.location.href = 'http://www.google.com'; //You should have http here.
        }
    });
</script>
</body>
</html>

This works for me.

edited Mar 18 '15 at 19:58

answered Mar 18 '15 at 19:13

Alaksandar Jesus Gene

6,523
12
52
83

Alaksandar ... I tried the same way with $window.location.href , the page refreshing instead of redirect to expected url. – madh Mar 18 '15 at 19:31
1

Are you sure that you got the http.Without http it will fall back your website only. – Alaksandar Jesus Gene Mar 18 '15 at 19:37
I am running under IISExpress(localhost) eg.http://localhost:port/.../../sample.aspx – madh Mar 18 '15 at 19:50
You are missing the http here $window.location.href = 'http://www.google.com'; with reference to your comments. Can you post your code of that $window.location – Alaksandar Jesus Gene Mar 18 '15 at 19:57
pdmApp.controller('projectionDetailController', [ '$log', 'projectionDetailService', '$filter', '$window', '$location', '$scope', function ($log, pdService, $filter,$window,$location, $scope) { $scope.backToPreviousPage = function () { $window.location = 'http://localhost:port/../sample2.aspx'; } } }); – madh Mar 18 '15 at 20:05
1

$window.location.href = "http://localhost:port/../sample2.aspx";; the http is missing out in comment. I will post as new answer – Alaksandar Jesus Gene Mar 18 '15 at 20:07
Hi,How will be the reverse navigation? From the remote url to localhost pages? – Arj 1411 Sep 16 '21 at 06:29

score 0 · Answer 2 · edited Mar 19 '18 at 17:54

0

pdmApp.controller('projectionDetailController', [ '$log', 'projectionDetailService', '$filter', '$window', '$location', '$scope', function ($log, pdService, $filter,$window,$location, $scope) { 

$scope.backToPreviousPage = function () { 
  alert("function is working"); //Add this line to your code to confirm your function is called.
$window.location.href = "http://localhost:port/../sample2.aspx";

} 

} //What is this bracket for?


}]); //you are missing this square bracket.

Change To

pdmApp.controller('projectionDetailController', ['$log', 'projectionDetailService', '$filter', '$window', '$location', '$scope', function($log, pdService, $filter, $window, $location, $scope) {
  $scope.backToPreviousPage = function() {
    alert("function is working"); //Add this line to your code to confirm your function is called.
    $window.location.href = "http://localhost:port/../sample2.aspx";
  };
]);

edited Mar 19 '18 at 17:54

Philipp Meissner

5,273
5
34
59

answered Mar 18 '15 at 20:09

Alaksandar Jesus Gene

6,523
12
52
83

$window.location.href = "http://localhost:port/../sample2.aspx" , (included http) but still not redirecting to expected url. – madh Mar 18 '15 at 20:22
Add a alert inside the function to confirm whether the function is called. and check whether you are getting alert message. If you are getting it then post your view which fires the function. If you dont get alert then delete this projectionDetailService and pdService in controller. – Alaksandar Jesus Gene Mar 18 '15 at 20:27
yes. alert message is shown,. function is getting called. – madh Mar 18 '15 at 20:30
Can you check your console whether you are getting any error. You are missing brackets. – Alaksandar Jesus Gene Mar 18 '15 at 20:35
Alaksandar - FYI, when I use window.open('http://google.com') it is opening the url in new window. but $window.location.href is not working – madh Mar 18 '15 at 20:44
How could your code is executed if you are missing a bracket. If you are changing contents for confidential matters, then its ok. If not, it was supposed to throw error for that missing brackets. – Alaksandar Jesus Gene Mar 18 '15 at 20:46
http://stackoverflow.com/questions/18278777/window-location-href-not-working-on-ie – Alaksandar Jesus Gene Mar 18 '15 at 20:47
try with different browser. – Alaksandar Jesus Gene Mar 18 '15 at 20:48

How to redirect to an external URL

2 Answers2