DEV Community

Digamber Rawat
Digamber Rawat

Posted on

3 2

Angular 9|8|7 ActivatedRoute Route Tutorial with Example

The post (https://www.positronx.io//understand-angular-7-activatedroute-route-and-its-usage/) appeared first on positronX.io.

Understand Angular 7|8|9 ActivatedRoute Interface Class
Angular offers ActivatedRoute interface class, it carries the information about a route linked to a component loaded into the Angular app template. An ActivatedRoute contains the router state tree within the angular app’s memory.

Understand ActivatedRoute Interface Class Properties

Snapshot – This is the current snapshot of this route.
URL – It is an observable of the URL segments and it matched by this route

Params – Observable of the matrix parameters scoped to this route

QueryParams – Observable of the query parameters shared by all the routes

Fragment – Observable of the URL fragment shared by all the routes

Click here to read more

Image of Datadog

How to Diagram Your Cloud Architecture

Cloud architecture diagrams provide critical visibility into the resources in your environment and how they’re connected. In our latest eBook, AWS Solution Architects Jason Mimick and James Wenzel walk through best practices on how to build effective and professional diagrams.

Download the Free eBook

Top comments (0)

Image of Datadog

The Essential Toolkit for Front-end Developers

Take a user-centric approach to front-end monitoring that evolves alongside increasingly complex frameworks and single-page applications.

Get The Kit

👋 Kindness is contagious

Engage with a sea of insights in this enlightening article, highly esteemed within the encouraging DEV Community. Programmers of every skill level are invited to participate and enrich our shared knowledge.

A simple "thank you" can uplift someone's spirits. Express your appreciation in the comments section!

On DEV, sharing knowledge smooths our journey and strengthens our community bonds. Found this useful? A brief thank you to the author can mean a lot.

Okay