Get current route without parameters

angular url angular2-routing angular2-router
Sabri Aziri picture Sabri Aziri · Feb 28, 2017 · Viewed 37.2k times · Source

I need to get my current route without params in Angular 2, I found a way to get the current route with params as follows:

 this.router.url

and then split it:

 this.router.url.split(';')[0]

But this looks as workaround, I think there should be better way?

Answer

André Werlang picture André Werlang · Sep 8, 2017

parseTree from Router helps fetching the segments without any knowledge about url structure.

import { Router } from '@angular/router';
...
constructor(private router: Router) {}
...
const urlTree = this.router.parseUrl(url);
const urlWithoutParams = urlTree.root.children['primary'].segments.map(it => it.path).join('/');

Start from here. If you have secondary outlets adjust as required.

Related questions

PathLocationStrategy vs HashLocationStrategy in web apps

What are the pros and cons of using: PathLocationStrategy - the default "HTML 5 pushState" style. HashLocationStrategy - the "hash URL" style. for instance, using HashLocationStrategy will prevent the feature of scrolling to an element by its #ID, but some 3rd …

Read More
How to navigate to other page in angular 6?

Im trying to redirect my page from login to another page. Im following this code. My login component ts file: import { Router } from '@angular/router'; constructor(private router: Router) { } funLogin(mobilenumber){ this.router.navigateByUrl('registration'); } In my html Im …

Read More
Encode string for URL (angular)

I'm trying to encode a string that's pretty complex, so that I can include it in a mailto: Component: <a href="mailto:[email protected]?subject='Hello'&{{body}}"> TS: import { HttpParameterCodec } from "@angular/common/http"; let body = …

Read More