40 Fun Facts About Angular

The name Angular nods to the angle brackets of which language, which AngularJS set out to extend?

HTML has angular brackets, which gave the framework its name; the ng prefix on its directives was chosen because it sounds like "Angular".

Which technology company leads development of Angular, the open-source successor to AngularJS?

Google designed Angular as a ground-up rewrite of AngularJS, and its team has pledged to ship a major upgrade twice a year.

Angular is written in which superset of JavaScript, a language that Microsoft first released in 2012?

TypeScript adds static typing, generics and type annotations, then compiles down to ordinary JavaScript that any browser can run.

What nickname do Angular developers give the [()] two-way binding syntax, because of how it looks?

Banana-in-a-box merges two other syntaxes: square brackets, which bind a property, and parentheses, which listen for an event.

Which Angular CLI command builds an app and hosts it locally, rebuilding when a file changes?

ng serve compiles the app, skips unnecessary optimizations and starts a development server that live-reloads the browser after each change.

In the MEAN stack, where the A stands for Angular, which database does the letter M represent?

MongoDB heads an all-JavaScript stack whose acronym was coined by developer Valeri Karpov in a 2013 blog post.

AngularJS bundles a cut-down copy of which DOM library, switching to the full one when it is present?

jQuery's most-used features are reimplemented inside AngularJS under the name jqLite, so directives can handle elements and events without the extra download.

Which release number did Angular skip because its router package was already numbered higher than the core?

Version 3 was dropped in December 2016, when lead developer Igor Minar announced a jump straight to Angular 4 so that every core package would share one number again.

What is the name for the build step that removes unused code from an Angular app's final bundle?

Tree shaking relies on import and export statements to detect which modules are actually used, so dead code never reaches the browser.

Which Angular template feature transforms a value such as a date or a currency for display?

Pipe syntax was inspired by the Unix shell, and several can be chained in one expression, running from left to right.

Which runtime must be on a developer's machine before the Angular CLI can be installed and run?

Node.js runs the CLI itself, which is installed globally with a package manager command such as npm install -g @angular/cli.

Angular is built for which kind of web app, where a client-side router swaps views without a full reload?

Single-page application navigation happens in the browser: after the first request, a client-side router decides what to display for each URL.

Which design pattern lets Angular hand a class the services it needs instead of the class creating them?

Dependency injection also makes testing easier, because a unit test can swap in a test double wherever the real implementation would be supplied.

What does Angular call wrapping a component value in double curly braces to display it in a template?

Interpolation converts every expression value to a string, so objects and arrays are rendered through their toString method.

What are markers such as @Component and @NgModule, which attach metadata to an Angular class, called?

Decorators sit directly on top of a class, and the object passed to @Component is known as the component's metadata, covering its template and styles.

What is the term for fetching an Angular route's code only when a user first navigates to it?

Lazy loading compiles a route's code into a separate chunk that the router requests only when a user visits, which trims the initial bundle.

Which design system gives its name to the official UI component library maintained by the Angular team?

Material Design components such as buttons, cards, dialogs and grids come ready-made in the library, along with theming and accessibility support.

Which Angular structural directive, written with an asterisk, shows an element only when a condition is true?

*ngIf can also name a second template to render in an else clause; since Angular 20 it has been deprecated in favour of the built-in @if block.

When the Angular CLI runs an app locally for development, which port does it listen on by default?

Port 4200 is only a default: the CLI's --port option picks a different one, which helps when two apps run side by side.

Which library supplies the Observable type that Angular's HttpClient methods return for each request?

RxJS observables do nothing until subscribed to, so an HttpClient request is only sent once something subscribes to it.

Which engineer created AngularJS in 2009 as the software behind a planned online JSON storage service?

Miško Hevery built it for a venture at GetAngular.com that attracted only a few subscribers, so the business idea was dropped and the code released as open source.

Which compiler and runtime became Angular's default in Angular 9, replacing the older View Engine?

Ivy first appeared as an opt-in preview in Angular 8, and Angular 13 finally removed its deprecated predecessor altogether.

Which Angular feature wraps a value, is read by calling it like a function, and notifies consumers when it changes?

Signals let Angular track exactly how and where state is used across an app, which allows the framework to optimize its rendering updates.

Since Angular 14, what name is given to components that can be used without being declared in an NgModule?

Standalone components import what they need directly, and Angular 17 made them the default for new projects, de-emphasizing modules.

Which Angular lifecycle hook runs exactly once, after a component's inputs receive their first values?

ngOnInit fires before the component's own template is checked, which makes it the usual place to set up state based on those input values.

Which class is traditionally assigned to an Angular @Output property so a child can notify its parent?

EventEmitter exposes an emit method for sending values upward, though the Angular team now recommends the newer output function for new projects.

Which element marks the place where Angular renders the component matched to the current URL?

router-outlet is a placeholder supplied by the RouterOutlet directive, and nesting a second one lets child routes update only that inner region.

CanActivate and CanMatch are examples of which kind of Angular Router function that controls access to routes?

Guard checks run in the browser, where a user can modify any JavaScript, so real authorization still has to be enforced on the server.

Which HttpClient feature lets Angular code run for every request, for example to attach an authentication header?

Interceptor functions form a chain, each one handling the request or response before passing it on, which also suits retries, caching and logging.

Which Angular forms directive, often written inside [()], keeps an input element and a class property in sync?

ngModel creates a FormControl instance behind the scenes, which tracks the field's value, user interaction and validation status.

Which AngularJS object, written with a dollar sign, acts as the glue between a controller and its view?

$scope has no counterpart in modern Angular, which dropped both it and controllers in favour of a hierarchy of components.

Which test runner did the AngularJS team build for itself to execute JavaScript tests in multiple real browsers?

Karma is now deprecated and takes no new features, its maintainers noting that web testing has evolved significantly in the decade-plus since its creation.

What name does AngularJS give the loop in which every $watch expression is compared with its previous value?

Digest cycle runs repeat whenever a watcher changes the model, a dirty-checking approach that could make pages with too many watchers slow to render.

Which library did Angular long rely on to capture async operations and flag that state might have changed?

Zone.js could not tell whether state had really changed, so it triggered change detection more often than necessary; Angular 21 made running without it the default.

Which Angular change detection strategy rechecks a component only when its inputs change or it handles an event?

OnPush has been the default strategy since Angular 22; in earlier releases a component had to opt in to it explicitly.

Which process lets a server-rendered Angular app reuse its existing DOM in the browser instead of rebuilding it?

Hydration prevents the visible flicker that occurs when the browser destroys and re-renders markup the server has already produced.

Which name did Angular's server-side rendering project carry before Angular 17 folded it into the CLI as @angular/ssr?

Universal began as a separate project built on the framework's platform-server APIs, and its old repository now sits in maintenance mode.

Which built-in template block, introduced in Angular 17, repeats a section of markup once per item in a collection?

@for uses a track expression that uniquely identifies each item, which lets Angular tie DOM nodes to the data when the collection changes.

Which Angular element marks where a component should display markup passed between its opening and closing tags?

ng-content is neither a component nor a DOM element: it is a special placeholder that the compiler processes at build time.

Angular's default view encapsulation keeps component styles from leaking by emulating which browser standard?

Shadow DOM itself is not used by default: the framework adds a specific attribute to the component's elements and to its CSS selectors instead.