Get current url in Angular [duplicate]

by

With pure JavaScript:

console.log(window.location.href)

Using Angular:

this.router.url

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

@Component({
    template: 'The href is: {{href}}'
    /*
    Other component settings
    */
})
export class Component {
    public href: string = "";

    constructor(private router: Router) {}

    ngOnInit() {
        this.href = this.router.url;
        console.log(this.router.url);
    }
}

The plunkr is here: https://plnkr.co/edit/0x3pCOKwFjAGRxC4hZMy?p=preview

More Related Contents:

  1. What is the meaning of the “at” (@) prefix on npm packages?
  2. How to get current value of RxJS Subject or Observable?
  3. How to set locale in DatePipe in Angular 2?
  4. Dynamic template URLs in Angular 2
  5. Angular Cli Webpack, How to add or bundle external js files?
  6. How to redirect to an external URL from angular2 route without using component?
  7. App.settings – the Angular way?
  8. Angular2 Dynamic input field lose focus when input changes
  9. How to Consume Http Component efficiently in a service in angular 2 beta?
  10. Angular 2.1.0 create child component on the fly, dynamically
  11. Angular4 – No value accessor for form control
  12. Crbug/1173575, non-JS module files deprecated. chromewebdata/(index)꞉5305:9:5551
  13. What is ngDefaultControl in Angular?
  14. Property ‘value’ does not exist on type EventTarget in TypeScript [duplicate]
  15. npm WARN … requires a peer of … but none is installed. You must install peer dependencies yourself
  16. Property ‘entries’ does not exist on type ‘ObjectConstructor’
  17. Angular 2 – Check if image url is valid or broken
  18. Angular 2 – Chaining http requests
  19. Unraveling Angular 2 book, Chapter 1, Example 5
  20. Cast int to enum strings in Typescript
  21. Module not found: Error: Can’t resolve ‘fs’ in
  22. Load JSON content from a local file with http.get() in Angular 2
  23. how to define index in angular material table
  24. How to Export JSON to CSV or Excel – Angular 2
  25. Angular 2 Final Release Router Unit Test
  26. Angular 2 AuthGuard Service with redirect?
  27. Observable.forkJoin with a for loop
  28. binding data to angular checkbox
  29. How to detect firestore connection failure
  30. iframe inside angular2 component, Property ‘contentWindow’ does not exist on type ‘HTMLElement’

Leave a Comment