Angular Get Active Route URL Example

Angular Get Active Route URL Example

In this post we will give you information about Angular Get Active Route URL Example. Hear we will give you detail about Angular Get Active Route URL ExampleAnd how to use it also give you demo for it if it is necessary.

Today, i will let you know how to get active route in angular application. we will see example of angular get active route name and url. we can easily get active route url in component angular.

Wr can easily get current active route in angular 6, angular 7, angular 8 and angular 9 application.

See also  Laravel 7/6 Resource Route and Controller Tutorial

we will use angular Router library to getting active route in component file. we can easily get active route path with Router.

We might be some time need to get active path or active router url in angular application. so if you need now then i will help you how you can get active url in angular. so you can see basic solution bellow:

You can get active route name like as bellow, i also written full example with output so, you can understand:



Now i will give you full example. you can write code on your component file as like bellow:

Component File

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

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


selector: 'app-posts',

templateUrl: './posts.component.html',

styleUrls: ['./posts.component.css']


export class PostsComponent implements OnInit {

constructor(private router: Router) { }

ngOnInit() {


console.log( window.location.href);



You can see output also.


Also see:File Upload with Angular Reactive Forms Example



I hope it can help you…

Hope this code and post will helped you for implement Angular Get Active Route URL Example. if you need any help or any feedback give it in comment section or you have good idea about this post you can give it comment section. Your comment will help us for help you more and improve us. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs

For More Info See :: laravel And github

Leave a Comment

Your email address will not be published. Required fields are marked *

64  +    =  71

We're accepting well-written guest posts and this is a great opportunity to collaborate : Contact US