Angular (also referred to as Angular 2+)[4] is a TypeScript-based free and open-sourcesingle-pageweb application framework. It is developed by Google and by a community of individuals and corporations. Angular is a complete rewrite from the same team that built AngularJS. The Angular ecosystem consists of a diverse group of over 1.7 million developers, library authors, and content creators.[5] According to the Stack Overflow Developer Survey, Angular is one of the most commonly used web frameworks.[6]
Differences between Angular and AngularJS
Architecture of an Angular application, services, and dependency injection
Google designed Angular as a ground-up rewrite of AngularJS. Unlike AngularJS, Angular does not have a concept of "scope" or controllers; instead, it uses a hierarchy of components as its primary architectural characteristic.[7] Angular has a different expression syntax, focusing on "[ ]" for property binding, and "( )" for event binding.[8] Angular recommends the use of Microsoft's TypeScript language, which introduces features such as static typing, generics, and type annotations.
Features
Component-based architecture
Angular uses a component-based architecture, which allows developers to build encapsulated, reusable user interface elements. Each component encapsulates its own HTML, CSS, and TypeScript, making it easier to manage and test individual pieces of an application.[9]
Data binding
Angular supports two-way data binding,[10] which synchronizes data between the model and the view. This ensures that any changes in the view are automatically reflected in the model and vice versa.[11]
Dependency injection
Angular has a built-in dependency injection system that makes it easier to manage and inject dependencies into components and services. This promotes modularity and easier testing.[12]
Directives
Angular extends HTML with additional attributes called directives. Directives offer functionality to change the behavior or appearance of DOM elements.[13]
Routing
Angular includes a router that allows developers to define and manage application states and navigation paths, making it easier to build single-page applications with complex routing.[14]
Angular CLI
The Angular CLI (Command Line Interface) provides a set of tools for creating, building, testing, and deploying Angular applications. It enables rapid application setup and simplifies ongoing development tasks.[15]
Server-side rendering
Angular has official support for server-side rendering, which improves an application's load time and performance. Server-side rendering also enhances search engine optimization by making content more accessible to web crawlers.[16]
History
Angular 2.0 was announced at the ng-Europe conference 22–23 October 2014.[17] On April 30, 2015, the Angular developers announced that Angular 2 moved from Alpha to Developer Preview.[18] Angular 2 moved to Beta in December 2015,[19] and the first release candidate was published in May 2016.[20] The final version was released on 14 September 2016.
Version 8 of Angular introduced a new compilation and rendering pipeline, Ivy, and version 9 of Angular enabled Ivy by default. Angular 13 removed the deprecated former compiler, View Engine.[21] Angular 14 introduced standalone components and Angular 17 made them the default, de-emphasizing the use of modules.
Naming
The rewrite of AngularJS was called "Angular 2", but this led to confusion among developers. To clarify, the team announced that separate names should be used for each framework with "AngularJS" referring to the 1.X versions and "Angular" without the "JS" referring to versions 2 and up.[22]
Version history
Version
Release date
New features
Latest version:Angular 19
November 19, 2024
Angular directives, components and pipes are now standalone by default.[23]
Old version, still maintained: Angular 18
May 22, 2024
Experimental zoneless change detection support and server-side rendering improvements.[24]
Standalone is now the new default for the CLI (Application builder), without the need for Angular modules (NgModule), a new syntax for control flow and documentation website.[25]
Differential loading for all application code, Dynamic imports for lazy routes, Web workers, TypeScript 3.4 support, and Angular Ivy as an opt-in preview.[32]
Old version, not maintained: Angular 7
18 October 2018
Updates regarding Application Performance, Angular Material & CDK, Virtual Scrolling, Improved Accessibility of Selects. Support for Content Projection using web standard for custom elements, and dependency updates regarding Typescript 3.1, RxJS 6.3 and Node.js 10.[33]
Since v9, the Angular team has moved all new applications to use the Ivy compiler and runtime. They will be working on Ivy to improve output bundle sizes and development speeds.[38]
Each version is expected to be backward-compatible with the prior release. The Angular development team has pledged to do twice-a-year upgrades.
Support policy and schedule
All the major releases are supported for 18 months. This consists of 6 months of active support, during which regularly-scheduled updates and patches are released. It is then followed by 12 months of long-term support (LTS), during which only critical fixes and security patches are released.[39]
Supported Angular Versions
Version
Status
Released
Active Ends
LTS Ends
Duration
^19.0.0
Active
Nov 19, 2024
May 19, 2025
May 19, 2026
1.5 years
^18.0.0
LTS
May 22, 2024
Nov 19, 2024
Nov 19, 2025
1.5 years
^17.0.0
LTS
Nov 8, 2023
May 8, 2023
May 15, 2025
1.5 years
Angular versions v2 to v16 are no longer under support.[40]
Libraries
Angular Material
"Angular Material" redirects here. For the library of the same name for AngularJS 1.x, see AngularJS § AngularJS Material.
Angular Material is a UI component library that implements Material Design in Angular.[41] It provides a collection of reusable components that adhere to Google's Material Design specifications, aiming to offer a consistent user interface across different devices and platforms.
Angular Material includes a variety of UI components such as buttons, cards, dialogs, grids, and form controls. These components are designed to be customizable and easy to integrate into Angular applications. Additional features of Angular Material include support for responsive design, theming, and accessibility.
Angular Elements
In 2018, Angular 6 introduced Angular Elements, enabling developers to package Angular components as custom web elements, which are part of the web components set of web platform APIs.[42]
.svg){kind=logo}
