Q: output() vs @Output() EventEmitter — the new signal outputs?

**Target Audience:** Developers who know @Output() and EventEmitter — assumes the basics of [child-to-parent events](/interview-question/how-do-child-components-emit-events-to-parents). **Difficulty:** Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. The basics of emitting an event are covered in [how child components emit events to parents](/interview-question/how-do-child-components-emit-events-to-parents); this

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

What are the types of data binding in Angular?

Accepted Answer

**Target Audience:** Anyone preparing for an Angular interview — assumes HTML and a little TypeScript. **Difficulty:** Easy > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. The outputs, compiler errors and the generated instructions quoted below all came from compiling the code with ngc on Angular 22.2.3 and running it in jsdom. ## 1. Why This Even Matters — A Story First Think of a component as a shop and the template as its shop w

Question 4

What is the difference between computed() signals and standard method/getter calls in templates?

Accepted Answer

**Target Audience:** Developers who call methods in templates and want to know when it matters — assumes signals and basic change detection. **Difficulty:** Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. Every call count below was produced by compiling the examples with ngc on Angular 22.2.3, running them in jsdom and clicking through them; both examples also passed the playground mode, so you can run them here. ## 1. Why Th

Question 5

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 6

How do toSignal() and toObservable() bridge Signals and RxJS?

Accepted Answer

**Target Audience:** Angular developers who use both signals and RxJS and want to know exactly what crosses the bridge — no prior interop knowledge needed. **Difficulty:** Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. The emission orders below were produced on Angular 22.2.3 (AOT with ngc, and the playground JIT mode) in jsdom, and the "how it works inside" section is read from the 22.2.3 @angular/core/rxjs-interop

Question 7

What do @HostListener and @HostBinding do?

Accepted Answer

**Target Audience:** Developers preparing for an Angular interview who have written a directive and want to change or listen to the element it sits on, and who want to know the modern recommended form. **Difficulty:** Easy to 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 HTML is the real outerHTML of the elements. Reco

Question 8

What is the difference between reactive and template-driven forms?

Accepted Answer

**Target Audience:** Anyone preparing for an Angular interview — assumes basic TypeScript and Angular components, no prior forms knowledge. **Difficulty:** Easy > **How to read this doc:** Plain language first, then 📌 Interview term: callouts with the vocabulary interviewers listen for. The log lines in section 5 were produced by compiling the example with ngc (strict templates) on Angular 22.2.3, booting it in jsdom and typing into both forms with a test driver. ##

Question 9

output() vs @Output() EventEmitter — the new signal outputs?

Accepted Answer

**Target Audience:** Developers who know @Output() and EventEmitter — assumes the basics of [child-to-parent events](/interview-question/how-do-child-components-emit-events-to-parents). **Difficulty:** Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. The basics of emitting an event are covered in [how child components emit events to parents](/interview-question/how-do-child-components-emit-events-to-parents); this

Question 10

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

ANGULARDECODED.

Easy

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

What is Angular and how does it differ from AngularJS?

What are the types of data binding in Angular?

Medium

What is the difference between computed() signals and standard method/getter calls in templates?

What are @ViewChild and @ContentChild?

How do toSignal() and toObservable() bridge Signals and RxJS?

What do @HostListener and @HostBinding do?

What is the difference between reactive and template-driven forms?

output() vs @Output() EventEmitter — the new signal outputs?

What are ng-container and ng-template?

What is ngTemplateOutlet?

Hard

What is the difference between AOT and JIT compilation?

What are security vulnerabilities in Angular apps, and how does DomSanitizer prevent XSS?

Signals signal()/computed()/effect() vs RxJS — when do you use which in Angular 18+?

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