NG Interview Set I - Routing Questions

Question 1

What is the difference between RouterModule.forRoot() vs RouterModule.forChild()? Why is it important?

Answer 1

• forRoot is a convention for configuring app-wide Router service with routes, whereas forChild is for configuring the routes of lazy-loaded modules

Question 2

How does loadChildren property work?

Answer 2

• The Router calls it to dynamically load lazy loaded modules for particular routes

Question 3

When does a lazy loaded module get loaded?

Answer 3

• When its related route is first requested

Question 4

How would you use a Route Guard?

Answer 4

• You would implement CanActivate or CanDeactivate and specify that guard class in the route path you’re guarding

Question 5

What are some different types of RouteGuards?

Answer 5

• CanActivate, CanDeactivate, CanLoad, Resolve, etc.

Question 6

How would you intercept 404 errors in Angular 2?

Answer 6

• Can provide a final wildcard path like so: { path: ‘**’, component: PageNotFoundComponent }

Question 7

This link doesn’t work. Why? How do I fix it? ` < div routerLink=’ product.id ‘ > < /div > `

Answer 7

` < a [routerLink]= ” [’ product.id ’] ” > {{product.id}} < /a > `

Question 8

What do route guards return?

Answer 8

• boolean or a Promise/Observable resolving to boolean value

Question 9

What is < router-outlet >for?

Answer 9

• Specifies the place where routes are mounted in the application