Question 1

How do you configure dynamic base href in Angular builds for different environments?

Accepted Answer

**Target Audience:** Developers deploying Angular apps behind sub-paths, reverse proxies or multi-tenant hosts. **Difficulty:** Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. Every index.html and bundle detail below comes from running [Angular CLI](/interview-question/what-does-the-angular-cli-provide) 22.2.3 builds on a fresh ng new app; the router behaviour was verified by booting the example in jsdom; URL reso

Question 2

What are components and modules in Angular?

Accepted Answer

**Target Audience:** Anyone preparing for an Angular interview — assumes basic TypeScript classes, no Angular required. **Difficulty:** Easy > **How to read this doc:** Plain language first, then 📌 Interview term: callouts with the vocabulary an interviewer expects. Every output and error message quoted below was produced by compiling the code with ngc (strict templates) on Angular 22.2.3 and running it. ## 1. Why This Even Matters — A Story First Think of a restaur

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

Explain the difference between Shadow DOM, Emulated, and None View Encapsulation with compile output.

Accepted Answer

**Target Audience:** Developers who know the three encapsulation modes by name and want to see what the compiler and the runtime actually produce — comfortable with CSS selectors and attributes. **Difficulty:** Hard > **How to read this doc:** Plain language first, then 📌 Interview term: callouts with the vocabulary an interviewer expects. The compiled code in section 3 is real ngc output from Angular 22.2.3, and the runtime CSS and DOM in sections 4 and 5 were printe

Question 5

What is the difference between component styling using :host, :host-context, and ::ng-deep?

Accepted Answer

**Target Audience:** Developers who style Angular components and have met these three selectors in a codebase — CSS selectors and specificity assumed, encapsulation basics helpful. **Difficulty:** Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts with the vocabulary an interviewer expects. The compiled selectors below are real ngc output from Angular 22.2.3, and the computed styles were produced by running the example on 22.2.3 i

Question 6

What is the difference between constructor-based DI and the inject() function?

Accepted Answer

**Target Audience:** Developers comfortable with services who want to know what actually happens when Angular builds a class, for example before migrating a codebase. **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 compiled factories in section 3 were emitted by ngc 22.2.3 from the code shown, and every error message below was

Question 7

What is provideHttpClient(withInterceptors([...])) and how does it replace legacy HTTP interceptor providing?

Accepted Answer

**Target Audience:** Developers maintaining or migrating an [NgModule](/interview-question/what-are-components-and-modules-in-angular)-era Angular app with class-based interceptors. **Difficulty:** Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. The deprecation notes are quoted from the installed Angular 22.2.3 typings, and every ordering result was produced by booting real class and functional interceptors (compiled with ngc)

Question 8

What is ViewEncapsulation in Angular?

Accepted Answer

**Target Audience:** Anyone who has written CSS for an Angular component — basic CSS selectors assumed, no Shadow DOM knowledge needed. **Difficulty:** Easy > **How to read this doc:** Plain language first, then 📌 Interview term: callouts with the vocabulary an interviewer expects. The enum values were read from the Angular 22.2.3 typings, and every computed style, attribute and stylesheet quoted below was produced by compiling and running the example on 22.2.3 in jsdom. ## 1. Wh

Question 9

How do you avoid memory leaks from subscriptions?

Accepted Answer

**Target Audience:** Angular developers who subscribe to Observables in components and services — assumes basic RxJS, explains every cleanup mechanism from scratch. **Difficulty:** Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. Instead of asserting which patterns leak, every claim below was measured: the example's Observables count their own live subscriptions, the component is destroyed, and the counts are printed. Run on Angular 22.2.3

Question 10

Why use Renderer2 instead of direct DOM access?

Accepted Answer

**Target Audience:** Developers preparing for an Angular interview who have reached for document or nativeElement inside a directive and want the real, verifiable reasons to use Renderer2, and its limits. **Difficulty:** Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. Browser behaviour was verified by compiling with ngc on Angular 22.2.3 and running in jsdom; server behaviour with @

ANGULARDECODED.

Easy