0% found this document useful (0 votes)
8 views

Lazy loading and serialization

Uploaded by

dasprabhu
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
8 views

Lazy loading and serialization

Uploaded by

dasprabhu
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

Powered by AI

**1. Lazy Loading**


Lazy loading allows you to load feature modules only when needed, improving
the initial load time of the application. This is configured using the
loadChildren property in the route configuration.
**8. URL Serialization**

The router serializes the URL into a string that can be used in the browser's
address bar. This includes encoding special characters and handling query
parameters and fragments.
**9. Router Events**

The router emits various events during the navigation lifecycle, such as
NavigationStart, NavigationEnd, NavigationError, etc. These can be used to
track and respond to navigation changes.
**10. Example of Navigation with Parameters**

Here's an example of navigating to a route with parameters:


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

@Component({
selector: 'app-navigation',
template: `<button (click)="goToDetails(1)">Go to
Details</button>`
})
export class NavigationComponent {
constructor(private router: Router) {}

goToDetails(id: number) {
this.router.navigate(['/details', id], { queryParams: { ref:
'home' } });
}
}

This example navigates to the /details/1 route with a query parameter


ref=home.

You might also like