Q: What are ng-container and ng-template?

**Target Audience:** Developers who have seen ng-container and ng-template in templates and want a precise picture of what each does and what ends up in the DOM. **Difficulty:** Easy to Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. The DOM markup quoted below is the real innerHTML printed after compiling the templates with ngc (strict templates) on Angular 22.2.3 and running them in jsd

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 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 3

What is a directive and what are the types?

Accepted Answer

**Target Audience:** Developers who use components daily and want a clear map of Angular's directive types, and how to write their own. **Difficulty:** Easy to Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. The rendered output and event behaviour below were produced on Angular 22.2.3 by compiling the example with ngc (strict templates) and driving it in jsdom; the compiled definitions were read from ngc output an

Question 4

What are ng-container and ng-template?

Accepted Answer

**Target Audience:** Developers who have seen ng-container and ng-template in templates and want a precise picture of what each does and what ends up in the DOM. **Difficulty:** Easy to Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. The DOM markup quoted below is the real innerHTML printed after compiling the templates with ngc (strict templates) on Angular 22.2.3 and running them in jsd

Question 5

What is content projection and ng-content?

Accepted Answer

**Target Audience:** Developers building reusable wrapper components (cards, callouts, dialogs, layouts) who want to understand how ng-content really works. **Difficulty:** Easy to Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. Every console log, rendered output and CSS selector quoted below was produced on Angular 22.2.3 by compiling the components with ngc (strict templates) and running them in jsdom. ## 1. Wh

Question 6

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

ANGULARDECODED.

Easy

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

What are template reference variables?

Medium

What is a directive and what are the types?

What are ng-container and ng-template?

What is content projection and ng-content?

Hard

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