Q: How does the @defer block work and what triggers are available?

**Target Audience:** Developers who know what @defer is and need to choose and combine triggers correctly. **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 trigger timeline in section 4 came from running the example on Angular 22.2.3 in both verifier modes (AOT with ngc , and playground JIT) with a script that waits,

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

Explain the new Control Flow (@if, @for, @switch) and how it compares to structural directives.

Accepted Answer

**Target Audience:** Developers who know basic Angular templates and want to understand what replaced *ngIf and *ngFor, and why. **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. Every rendered output, compiler message and compiled instruction quoted below was produced on Angular 22.2.3: the examples were AOT-compiled wi

Question 2

What is the fixture.detectChanges() method in Angular testing, and when should you call it?

Accepted Answer

**Target Audience:** Developers writing or reviewing Angular component tests; assumes you have seen a TestBed spec but not much more. **Difficulty:** Easy to Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts with the vocabulary an interviewer listens for. Every behaviour quoted below was produced by running the spec in the example with Angular CLI 22.2.3 (ng test --watch=false, Vitest + jsdom), in the default zoneles

Question 3

How does the @defer block work and what triggers are available?

Accepted Answer

**Target Audience:** Developers who know what @defer is and need to choose and combine triggers correctly. **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 trigger timeline in section 4 came from running the example on Angular 22.2.3 in both verifier modes (AOT with ngc, and playground JIT) with a script that waits,

Question 4

How do you optimize images in Angular using NgOptimizedImage?

Accepted Answer

**Target Audience:** Angular developers fixing image-related performance problems: slow Largest Contentful Paint, layout shift, oversized downloads. **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 attributes in section 4 were read from the DOM after running the example on Angular 22.2.3 (AOT and playground modes, identical output); the erro

Question 5

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 6

What is zoneless Angular and how does it improve performance in Angular 18?

Accepted Answer

**Target Audience:** Developers who have read "zoneless" in release notes and want the real story and the real numbers — familiar with components, no Zone.js internals required. **Difficulty:** Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts with the vocabulary an interviewer expects. The version timeline was checked against release coverage and the Angular 22.2.3 typings; bundle sizes come from two real ng build runs with Angu

Question 7

What is Angular Universal / SSR?

Accepted Answer

**Target Audience:** Developers who know basic Angular components and want to understand server-side rendering — no Node.js server experience required. **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 HTML in section 5 was produced by renderApplication from @angular/platform-server 22.2.3 and then hydrated in jsdom;

Question 8

What is the difference between ElementRef, TemplateRef, and ViewContainerRef?

Accepted Answer

**Target Audience:** Developers preparing for an Angular interview who have seen these three types in constructor or inject() calls and want a precise mental model of each, plus how they combine. **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; DOM snippets are the real innerHTML / outerHTML

Question 9

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

Question 10

How do you dynamically create components?

Accepted Answer

**Target Audience:** Developers building dashboards, modals, toasts, plugin systems or CMS-driven pages in Angular. **Difficulty:** Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. Both examples were AOT-compiled with ngc (strict templates) on Angular 22.2.3 and booted in jsdom, then clicked through; the first one also passed the playground's plain JIT mode, so it has a Run button. The quoted lines are the text of each element

ANGULARDECODED.

Easy