How do i get the url (window.location) of the current request in Angular 5?

Question

How do i get the url of the current request in Angular 5?

I tried a couple of solutions i found online but nothing seems to work. - $window - Wrapping native window in WindowRef example

I've been looking for this all morning, but kinda new to Angular and get lost in the different examples online targeting different versions of Angular.

UPDATE: I'm using TypeScript

Thanks

The url in the address bar of the browser is what i'm after. But with the answers below i figured it out already. — Arno Van Jaarsveld, Dec 04 '17 at 15:56

score 7 · Answer 1 · edited Dec 28 '17 at 13:26

7

If you want the angular solution you could use this.

import { Router } from '@angular/router';

constructor(private router:Router) {}

someMethod(){
  console.log(this.router.url)
}

else you could use the standard window solution

window.location.href returns the href (URL) of the current page.

edited Dec 28 '17 at 13:26

yusuf

1,233
1
15
29

answered Dec 04 '17 at 13:35

Ray Luxembourg

187
10

I'm now using the wrapper approach and got it to work. But i will try this as well. Saves me a wrapper class. – Arno Van Jaarsveld Dec 04 '17 at 15:58
I forgot to mention im using TypeScript and in typescript window is undefined. – Arno Van Jaarsveld Dec 04 '17 at 16:00
Router only returns "local" routes to the app, (not sure if this is the right lingo) http://www.myhost.com/myapp/api is not included in the location of router. So i stuck with the WindowRef wrapper method. – Arno Van Jaarsveld Dec 04 '17 at 18:04

score 1 · Answer 2 · edited Jun 01 '23 at 21:39

1

If you want to use window.location.href in your component in TypeScript, you will need to add the following declaration with your other imports:

declare let window;

A short write up on this is available here in this blog post or answers like these.

edited Jun 01 '23 at 21:39

Nate Anderson

18,334
18
100
135

answered Feb 26 '18 at 18:02

lxndragreat

68
6

score -1 · Answer 3 · edited Dec 04 '17 at 13:10

-1

To fetch the current URL in the browser address bar you can use window.location.href.You don't need an angular wrapper for getting the current URL.

edited Dec 04 '17 at 13:10

Ankit Kapoor

1,615
12
18

answered Dec 04 '17 at 12:12

user2648985

1
1

If i try it like that it says window is undefined. Using the wrapper approach i got it to work. Thanks – Arno Van Jaarsveld Dec 04 '17 at 15:57

score -1 · Answer 4 · edited Mar 19 '19 at 07:59

-1

import { Component, OnInit } from '@angular/core';
import { Location } from '@angular/common';

@Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.scss']
})
export class AppComponent implements OnInit{

    constructor(private location: Location) {}

    public back(): void {
      this.location.back()
    }

}

edited Mar 19 '19 at 07:59

Oram

1,589
2
16
22

answered Mar 19 '19 at 07:31

Danil Naydyonov

1

1

Thank you for this code snippet, which might provide some limited, immediate help. A [proper explanation](https://meta.stackexchange.com/q/114762/349538) would greatly improve its long-term value by showing why this is a good solution to the problem and would make it more useful to future readers with other, similar questions. Please [edit] your answer to add some explanation, including the assumptions you’ve made. – Dwhitz Mar 19 '19 at 07:52

How do i get the url (window.location) of the current request in Angular 5?

4 Answers4