Creating a Location object in TypeScript

Question

I'm having trouble redirecting my app outside of Angular to the logout page. I'm doing it by using $window.location.href but it's not working on FireFox. So, There was a suggestion to use $window.location directly but since i'm writing in Typescript i need to create a new Location object rather then just assign my string to it...

I looked into lib.d.ts and i saw that location is declared as:

declare var Location: {
    prototype: Location;
    new(): Location;
}

so i adjust my code to:

var url: string = "http:\\\\host:port/blabla/logout";
var loc: Location = new Location();
loc.href = url;
this.$window.location = loc;

but got this error:

Error: Illegal constructor.

Any Idea how to create the Location object? Is it a good practice to do so? Any other insights maybe?

Thanks

Community · Accepted Answer · 2017-05-23 11:51:40Z

5

It actually looks like you're not supposed to build new Location objects. So I don't think there's a constructor available anywhere for this. Though you can use anchors to build them for you.

If you're trying to set a new location, you can go with setting window.location.href instead of window.location (These two are equivalent).

edited May 23, 2017 at 11:51

CommunityBot

11 silver badge

answered Feb 29, 2016 at 10:02

rtpg

2,4391 gold badge18 silver badges31 bronze badges

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

Comments

Thilo · Accepted Answer · 2015-08-31 09:35:29Z

4

If you want to assign a String directly and just make TypeScript go along with that, you can do

 window.location = <any>"http://host:port/blabla/logout";

answered Aug 31, 2015 at 9:35

Thilo

264k107 gold badges527 silver badges674 bronze badges

2 Comments

Thilo Over a year ago

Not sure if you can create a Location object at all. The DOM documentation just mentions that you can get it from window.location and document.location and that you can assign a string to it.

SuperNova Over a year ago

Why is this the accepted answer? I need a second location object, manipulate some properties and use the resulting url without changing the current location.

Collectives™ on Stack Overflow

Creating a Location object in TypeScript

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related