Angular
0Loading crowd target
0Loading crowd target
7correct to beat the crowd
40 free Angular trivia questions with answers — science & nature quiz, new questions added Oct 2026.
Angular sits behind countless business dashboards, booking tools and admin panels, and it has one of the more eventful histories in front-end development: a hit first edition, a ground-up rewrite that broke compatibility, and a steady run of twice-yearly releases ever since. This quiz covers both eras. Expect questions on AngularJS and its quirks, the rewrite known for a while as Angular 2, the syntax developers type every day, the command-line tools, routing, forms, testing and the build tooling, plus the people and decisions behind the framework. It is written for developers brushing up before an interview, teams who want a quick knowledge check, and anyone learning the framework who wants to see what has stuck. Every answer comes with a short explanation, so a wrong guess still teaches you something.
30 of 40 questions with answers and explanations. Play the quiz
Q 01The name Angular nods to the angle brackets of which language, which AngularJS set out to extend?
HTML
HTML has angular brackets, which gave the framework its name; the ng prefix on its directives was chosen because it sounds like "Angular".
Q 02Which 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.
Q 03Angular is written in which superset of JavaScript, a language that Microsoft first released in 2012?
TypeScript
TypeScript adds static typing, generics and type annotations, then compiles down to ordinary JavaScript that any browser can run.
Q 04What nickname do Angular developers give the [()] two-way binding syntax, because of how it looks?
Banana-in-a-box
Banana-in-a-box merges two other syntaxes: square brackets, which bind a property, and parentheses, which listen for an event.
Q 05Which Angular CLI command builds an app and hosts it locally, rebuilding when a file changes?
ng serve
ng serve compiles the app, skips unnecessary optimizations and starts a development server that live-reloads the browser after each change.
Q 06In the MEAN stack, where the A stands for Angular, which database does the letter M represent?
MongoDB
MongoDB heads an all-JavaScript stack whose acronym was coined by developer Valeri Karpov in a 2013 blog post.
Q 07AngularJS bundles a cut-down copy of which DOM library, switching to the full one when it is present?
jQuery
jQuery's most-used features are reimplemented inside AngularJS under the name jqLite, so directives can handle elements and events without the extra download.
Q 08Which release number did Angular skip because its router package was already numbered higher than the core?
Version 3
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.
Q 09What is the name for the build step that removes unused code from an Angular app's final bundle?
Tree shaking
Tree shaking relies on import and export statements to detect which modules are actually used, so dead code never reaches the browser.
Q 10Which Angular template feature transforms a value such as a date or a currency for display?
Pipe
Pipe syntax was inspired by the Unix shell, and several can be chained in one expression, running from left to right.
Q 11Which runtime must be on a developer's machine before the Angular CLI can be installed and run?
Node.js
Node.js runs the CLI itself, which is installed globally with a package manager command such as npm install -g @angular/cli.
Q 12Angular is built for which kind of web app, where a client-side router swaps views without a full reload?
Single-page application
Single-page application navigation happens in the browser: after the first request, a client-side router decides what to display for each URL.
Q 13Which design pattern lets Angular hand a class the services it needs instead of the class creating them?
Dependency injection
Q 21Which engineer created AngularJS in 2009 as the software behind a planned online JSON storage service?
Miško Hevery
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.
Q 22Which compiler and runtime became Angular's default in Angular 9, replacing the older View Engine?
Ivy
Ivy first appeared as an opt-in preview in Angular 8, and Angular 13 finally removed its deprecated predecessor altogether.
Q 23Which Angular feature wraps a value, is read by calling it like a function, and notifies consumers when it changes?
Signals
Signals let Angular track exactly how and where state is used across an app, which allows the framework to optimize its rendering updates.
Dependency injection also makes testing easier, because a unit test can swap in a test double wherever the real implementation would be supplied.
Q 14What does Angular call wrapping a component value in double curly braces to display it in a template?
Interpolation
Interpolation converts every expression value to a string, so objects and arrays are rendered through their toString method.
Q 15What are markers such as @Component and @NgModule, which attach metadata to an Angular class, called?
Decorators
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.
Q 16What is the term for fetching an Angular route's code only when a user first navigates to it?
Lazy loading
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.
Q 17Which design system gives its name to the official UI component library maintained by the Angular team?
Material
Material Design components such as buttons, cards, dialogs and grids come ready-made in the library, along with theming and accessibility support.
Q 18Which Angular structural directive, written with an asterisk, shows an element only when a condition is true?
*ngIf
*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.
Q 19When the Angular CLI runs an app locally for development, which port does it listen on by default?
4200
Port 4200 is only a default: the CLI's --port option picks a different one, which helps when two apps run side by side.
Q 20Which library supplies the Observable type that Angular's HttpClient methods return for each request?
RxJS
RxJS observables do nothing until subscribed to, so an HttpClient request is only sent once something subscribes to it.
Q 24Since Angular 14, what name is given to components that can be used without being declared in an NgModule?
Standalone
Standalone components import what they need directly, and Angular 17 made them the default for new projects, de-emphasizing modules.
Q 25Which Angular lifecycle hook runs exactly once, after a component's inputs receive their first values?
ngOnInit
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.
Q 26Which class is traditionally assigned to an Angular @Output property so a child can notify its parent?
EventEmitter
EventEmitter exposes an emit method for sending values upward, though the Angular team now recommends the newer output function for new projects.
Q 27Which element marks the place where Angular renders the component matched to the current URL?
router-outlet
router-outlet is a placeholder supplied by the RouterOutlet directive, and nesting a second one lets child routes update only that inner region.
Q 28CanActivate and CanMatch are examples of which kind of Angular Router function that controls access to routes?
Guard
Guard checks run in the browser, where a user can modify any JavaScript, so real authorization still has to be enforced on the server.
Q 29Which HttpClient feature lets Angular code run for every request, for example to attach an authentication header?
Interceptor
Interceptor functions form a chain, each one handling the request or response before passing it on, which also suits retries, caching and logging.
Q 30Which Angular forms directive, often written inside [()], keeps an input element and a class property in sync?
ngModel
ngModel creates a FormControl instance behind the scenes, which tracks the field's value, user interaction and validation status.