Angular · Theory

Router Advanced

Theory

32/43

Meera only reaches for Router Advanced when /marks and /login has to stay correct in the SPA.

Do Router Advanced once by hand. routerLink + RouterModule. Change one input. Say the new result out loud.

Skip Router Advanced and using <a href> and killing state shows up in the SPA.

Use Router Advanced when /marks and /login must stay clear. If a simpler Angular step works, use that instead.

If /marks and /login breaks under Router Advanced, check using <a href> and killing state first.

After Router Advanced, Meera should still remember using <a href> and killing state.

One breath for Router Advanced, then /marks and /login, then using <a href> and killing state. Sit down.

Diagram

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

Exam tip

Board: /marks and /login. Dry-run Router Advanced. Name the 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.