Q: What is the difference between @ViewChildren and @ViewChild?

**Target Audience:** Developers who know @ViewChild and need to work with a list of matches: several inputs, a @for of child components, a set of tabs. **Difficulty:** Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. Every "Verified" block was compiled with ngc (strict templates) on Angular 22.2.3 and run; compiled output was read from ngc itself. ## 1. Why This Even Matters — A Story Fir

Q: What is ngTemplateOutlet?

**Target Audience:** Developers who know what an ng-template is and want to render one on demand, pass it data, or hand it to a reusable component. **Difficulty:** Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. View-creation logs, rendered output and type-checking behaviour below were produced on Angular 22.2.3 by compiling with ngc (strict templates) and running in jsdom; the API descriptions were read from the

Q: viewChild() signal queries vs @ViewChild decorator — what changed?

**Target Audience:** Developers who know @ViewChild and @ContentChild and are moving a codebase to signal-based APIs. **Difficulty:** Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. Types and status come from the installed Angular 22.2.3 typings; behaviour, error codes and compiled output come from running ngc and the compiled app. Version history is cited inline. ## 1. Why This Even Matters — A Stor

Q: Deferrable views — prefetch strategies and dependency isolation with @defer?

**Target Audience:** Developers who already use @defer and want to know what the compiler does with it, and how to control when code is downloaded. **Difficulty:** Hard > **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 compiled code in sections 3 and 4 is real ngc output (see [how Ivy compilation works](/interview-question/how-does-compila

Question 1

What are template reference variables?

Accepted Answer

**Target Audience:** Anyone preparing for an Angular interview who has written a basic template. **Difficulty:** Easy > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. Each "Verified" block comes from compiling the example with ngc and strict templates on Angular 22.2.3 and clicking or typing through it in jsdom. ## 1. Why This Even Matters — A Story First At a busy party you can say "pass me the blue mug" and everyone at the table k

Question 2

What is the difference between @ViewChildren and @ViewChild?

Accepted Answer

**Target Audience:** Developers who know @ViewChild and need to work with a list of matches: several inputs, a @for of child components, a set of tabs. **Difficulty:** Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. Every "Verified" block was compiled with ngc (strict templates) on Angular 22.2.3 and run; compiled output was read from ngc itself. ## 1. Why This Even Matters — A Story Fir

Question 3

What are @ViewChild and @ContentChild?

Accepted Answer

**Target Audience:** Developers preparing for an Angular interview who have used #ref in a template and want to reach that element, or a child component, from the class. **Difficulty:** Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. Every "Verified" block was compiled with ngc (strict templates) on Angular 22.2.3 and run; the decorator options are quoted from the installed typings. ## 1. Why This Even Matters —

Question 4

What is ngTemplateOutlet?

Accepted Answer

**Target Audience:** Developers who know what an ng-template is and want to render one on demand, pass it data, or hand it to a reusable component. **Difficulty:** Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. View-creation logs, rendered output and type-checking behaviour below were produced on Angular 22.2.3 by compiling with ngc (strict templates) and running in jsdom; the API descriptions were read from the

Question 5

What is the difference between AOT and JIT compilation?

Accepted Answer

**Target Audience:** Anyone preparing for an Angular interview who has heard "AOT" and "JIT" but could not say what concretely differs. **Difficulty:** Easy to Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. Every number and error below was produced on Angular 22.2.3: bundle sizes by running [CLI](/interview-question/what-does-the-angular-cli-provide) 22.2.3 ng build with and without --aot=false on the same app; t

Question 6

viewChild() signal queries vs @ViewChild decorator — what changed?

Accepted Answer

**Target Audience:** Developers who know @ViewChild and @ContentChild and are moving a codebase to signal-based APIs. **Difficulty:** Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. Types and status come from the installed Angular 22.2.3 typings; behaviour, error codes and compiled output come from running ngc and the compiled app. Version history is cited inline. ## 1. Why This Even Matters — A Stor

Question 7

What is NgRx?

Accepted Answer

**Target Audience:** Angular developers who have heard "NgRx" in every job description and want a clear picture of what it is, how data moves through it, and when it is worth it. **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 store example in section 5, the memoization and reducer checks in section 6 and the immutability error in section 7

Question 8

Deferrable views — prefetch strategies and dependency isolation with @defer?

Accepted Answer

**Target Audience:** Developers who already use @defer and want to know what the compiler does with it, and how to control when code is downloaded. **Difficulty:** Hard > **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 compiled code in sections 3 and 4 is real ngc output (see [how Ivy compilation works](/interview-question/how-does-compila

ANGULARDECODED.

Easy