Routing

Router maps URL → component. { path: 'marks', component: MarksPage }. routerLink="/marks" changes the URL without a full reload. <a href="/marks"> reloads and kills in-memory state.

router-outlet is where the child page paints. Params: /marks/:roll → ActivatedRoute.snapshot.paramMap.get('roll'). Guard CanActivate blocks /admin if not logged in.

Trap — wrong path order — '**' wildcard must be last. Another trap: forgetting RouterModule.forRoot in the root import.

Diagram

/login → LoginPage
  /marks → MarksPage
  /admin + CanActivate
  ** → NotFound (last)

Exam tip

routerLink vs href. One param + one guard line.

Example

const routes = [
  { path: "", component: "HomeComponent" },
  { path: "users/:id", component: "UserComponent" },
];
// RouterModule.forRoot(routes)

Routing — routes map URL paths to components; params come from the path.

Short notes

DefURL → component. routerLink, not href.
Rulewildcard last. Outlet paints the page.
Trap<a href> full reload.

Routing

Router maps URL → component. { path: 'marks', component: MarksPage }. routerLink="/marks" changes the URL without a full reload. <a href="/marks"> reloads and kills in-memory state.

router-outlet is where the child page paints. Params: /marks/:roll → ActivatedRoute.snapshot.paramMap.get('roll'). Guard CanActivate blocks /admin if not logged in.

Trap — wrong path order — '**' wildcard must be last. Another trap: forgetting RouterModule.forRoot in the root import.

Diagram

/login → LoginPage
  /marks → MarksPage
  /admin + CanActivate
  ** → NotFound (last)

Exam tip

routerLink vs href. One param + one guard line.

Example

const routes = [
  { path: "", component: "HomeComponent" },
  { path: "users/:id", component: "UserComponent" },
];
// RouterModule.forRoot(routes)

Routing — routes map URL paths to components; params come from the path.

Short notes

DefURL → component. routerLink, not href.
Rulewildcard last. Outlet paints the page.
Trap<a href> full reload.

Routing

Example

Short notes

Questions

Routing

Example

Short notes

Questions