Question 1

What is Angular and how does it differ from AngularJS?

Accepted Answer

**Target Audience:** Anyone preparing for an Angular interview — assumes basic JavaScript, no Angular or AngularJS required. **Difficulty:** Easy > **How to read this doc:** Ideas are explained in plain language first, then tagged with 📌 Interview term: so you also learn the words an interviewer listens for. The output in section 5 was produced by compiling and running the example on Angular 22.2.3, and the default-behaviour claims in section 6 were read from the Angular 22.2.3 pa

Question 2

What are route guards in Angular?

Accepted Answer

**Target Audience:** Developers who have routes working and now need to control who can go where — assumes basic routing knowledge. **Difficulty:** Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. The call order in section 5 is real output from compiling the example with ngc on Angular 22.2.3 and navigating with Router.navigateByUrl; it is not reconstructed from documentation. ## 1. Why This Even Matters — A Story

Question 3

How do functional route guards and lazy loadComponent work in modern Angular?

Accepted Answer

**Target Audience:** Developers using standalone components and lazy routes who want to know exactly what downloads when — assumes you know [route guards](/interview-question/what-are-route-guards-in-angular) and [lazy loading](/interview-question/how-does-routing-and-lazy-loading-work-in-angular). **Difficulty:** Medium to Hard > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. Every "loader called" line below was printed by a real loader function

Question 4

How do you optimize initial bundle size using Route Preloading with custom strategies?

Accepted Answer

**Target Audience:** Developers responsible for start-up performance in a real Angular app — assumes [lazy loading](/interview-question/how-does-routing-and-lazy-loading-work-in-angular) and the basics of [preloading strategies](/interview-question/what-are-preloading-strategies). **Difficulty:** Hard > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. The bundle tables in section 3 were produced with ng build on Angular CLI 22.2.3. The

Question 5

What are functional Route Guards, and how do they differ from class-based guards?

Accepted Answer

**Target Audience:** Developers maintaining or modernising an existing Angular app — assumes you know what a route guard does (see [route guards](/interview-question/what-are-route-guards-in-angular)). **Difficulty:** Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. Every log and error message in sections 5 and 6 came from compiling the examples with ngc (strict templates) on Angular 22.2.3 and navigating with Router.navi

Question 6

How do you read route parameters?

Accepted Answer

**Target Audience:** Developers who have set up basic routes and now need data from the URL — assumes you know what a route and a component are. **Difficulty:** Easy to Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. Every log in sections 5 and 6 was produced by compiling the examples with ngc on Angular 22.2.3 and navigating between URLs with Router.navigateByUrl. Router defaults were read from the 22.2.3 package

Question 7

How does routing and lazy loading work in Angular?

Accepted Answer

**Target Audience:** Anyone preparing for an Angular interview — assumes you know what a component is, no router experience needed. **Difficulty:** Easy to Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts with the vocabulary an interviewer expects. The navigation logs in section 5 were produced by compiling the example with ngc on Angular 22.2.3 and driving it with Router.navigateByUrl; the bundle sizes in section 6

Question 8

What are Deferrable Views (@defer) and how do they work in Angular 17+?

Accepted Answer

**Target Audience:** Angular developers who know components and want to cut the initial bundle without restructuring routes. **Difficulty:** Medium > **How to read this doc:** Ideas are explained in plain language first, then tagged with 📌 Interview term: so you also learn the words an interviewer listens for. The runnable example was compiled with ngc (strict templates) and also run in playground mode on Angular 22.2.3, then clicked by a script; the error-state and c

Question 9

How do you handle micro-frontend architecture in Angular using Module Federation?

Accepted Answer

**Target Audience:** Engineers designing a large Angular front end split across several teams, and anyone asked a front-end architecture question in a senior interview. **Difficulty:** Hard > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. For this answer a real remote and host were generated and built with @angular-architects/native-federation 22.2.2 on Angular CLI 22.2.3, and the remote's exposed component was loaded with Native Fede

Question 10

How do you implement custom routing strategies by extending RouteReuseStrategy?

Accepted Answer

**Target Audience:** Developers comfortable with routing who need finer control over component lifetimes — assumes you know [routing basics](/interview-question/how-does-routing-and-lazy-loading-work-in-angular) and [lifecycle hooks](/interview-question/what-are-angular-lifecycle-hooks). **Difficulty:** Hard > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. Every constructor, destroy, store and outlet-event line in sections 5 and 6 was printed by t

ANGULARDECODED.

Easy