Angular · Theory

Router Advanced

Theory

32/43

Router Advanced is a Angular topic. In plain words you use it for /marks and /login in the SPA. Don’t start with a slogan — start with that picture.

Smallest example: routerLink + RouterModule. Type it, run it, and say what you see. If you can do that from memory, you know Router Advanced.

From the example next to this theory — Router Advanced — routes map URL paths to components; params come from the path.

Trap — using <a href> and killing state. Fix that before you talk about advanced Angular.

Viva — what is Router Advanced? Then show routerLink + RouterModule. Then name the trap.

Diagram

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

Exam tip

What is Router Advanced? Show this: routerLink + RouterModule. Trap: using <a href> and killing state.

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

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