Routing and Navigation in Angular

While routerLink handles 90% of your navigation needs, there are times when you need to navigate in response to code execution. After a successful form submission, a timer completion, or an API response, you can use the Router service's navigate() method. It accepts an array of segments, allowing you to build complex paths dynamically. This keeps your application logic and your navigation perfectly synchronized.

A good UI always tells the user where they are. The routerLinkActive directive monitors the current URL and applies a specific CSS class to the element when the route matches. You can also use the [routerLinkActiveOptions] property to specify if the match should be exact (important for the root / path) or partial. This automated behavior saves you from manually managing 'active' states in your component logic.