Angular (web framework)

For the legacy version of Angular, see AngularJS.
Angular
Developer(s)Google
Initial release2.0 / 14 September 2016; 8 years ago (2016-09-14)[1]
Stable release
19.0.5[2] Edit this on Wikidata / 18 December 2024; 26 days ago (18 December 2024)
Preview release
19.0.0-next.0 / 14 August 2024; 4 months ago (2024-08-14)[3]
RepositoryAngular Repository
Written inTypeScript, JavaScript
PlatformWeb platform
TypeWeb framework
LicenseMIT License
Websiteangular.dev

Angular (also referred to as Angular 2+)[4] is a TypeScript-based free and open-source single-page web 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, 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.[10]

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.[11]

Directives

Angular extends HTML with additional attributes called directives. Directives offer functionality to change the behavior or appearance of DOM elements.[12]

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.[13]

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.[14]

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.[15]

History

Angular 2.0 was announced at the ng-Europe conference 22–23 October 2014.[16] On April 30, 2015, the Angular developers announced that Angular 2 moved from Alpha to Developer Preview.[17] Angular 2 moved to Beta in December 2015,[18] and the first release candidate was published in May 2016.[19] 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.[20] The Angular Renaissance started on June 2, 2022 with the release of v14, when the transformation towards de-emphasizing the use of modules in favor of a more modern and streamlined approach to application structure.

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.[21]

Version history

Version Release date New features
Latest version: Angular 19 November 19, 2024 Angular directives, components and pipes are now standalone by default.[22]
Old version, still maintained: Angular 18 May 22, 2024 Experimental zoneless change detection support and server-side rendering improvements.[23]
Old version, still maintained: Angular 17 November 8, 2023[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.[24]
Old version, no longer maintained: Angular 16 3 May 2023 Partial hydration for Angular Universal server-side rendering, experimental Jest support, and esbuild-based build system for development servers.
Old version, no longer maintained: Angular 15 November 18, 2022 Standalone APIs, directive composition API.[25]
Old version, no longer maintained: Angular 14 2 June 2022 Typed forms, standalone components, and new primitives in the Angular CDK (component dev kit).[26] The Angular Renaissance started with the release of v14.
Old version, no longer maintained: Angular 13 4 November 2021[27] Removed deprecated View Engine renderer.
Old version, no longer maintained: Angular 12 12 May 2021[28] Deprecated support for Internet Explorer 11.
Old version, no longer maintained: Angular 11 11 November 2020[29] Experimental Webpack 5 support
Old version, no longer maintained: Angular 10 24 June 2020[30] New Date Range Picker (Material UI library).
Old version, no longer maintained: Angular 9 6 February 2020 Improved build times, enabling AOT on by default
Old version, no longer maintained: Angular 8 28 May 2019 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.[31]
Old version, no longer 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.[32]
Old version, no longer maintained: Angular 6 4 May 2018[33] Experimental custom element support, added ng update command
Old version, no longer maintained: Angular 5 1 November 2017[34] Support for progressive web apps, a build optimizer and improvements related to Material Design.[35]
Old version, no longer maintained: Angular 4.3 18 July 2017 HttpClient for making HTTP requests, conditionally disabling animations, new router life cycle events for Guards and Resolvers.

Minor release, meaning that it contains no breaking changes and that it is a drop-in replacement for Angular 4.x.x.

Old version, no longer maintained: Angular 4 23 March 2017[36] Added ngIf and ngFor. Backward compatible with Angular 2.
Old version, no longer maintained: Angular 2 14 September 2016 Initial release

Future releases

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.[37]

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.[38]

Supported Angular Versions
Version Status Released Active Ends LTS Ends Duration
^18.0.0 Active May 22, 2024 Nov 22, 2024 Nov 22, 2025 1.5 years
^17.0.0 LTS Nov 08, 2023 May 8, 2024 May 15, 2025 1.5 years
^16.0.0 LTS May 3, 2023 Nov 08, 2023 Nov 08, 2024 1.5 years

Angular versions v2 to v15 are no longer under support.[39]

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.[40] 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.[41]

See also

References

  1. ^ "Angular, version 2: proprioception-reinforcement". blogspot.com. September 14, 2016. Archived from the original on 2017-03-12. Retrieved 2017-03-18.
  2. ^ "Release 19.0.5". 18 December 2024. Retrieved 21 December 2024.
  3. ^ "angular/CHANGELOG.md". GitHub. Retrieved 2024-08-14.
  4. ^ "AngularJS and Angular 2+: a Detailed Comparison". 6 April 2018.
  5. ^ "Angular". angular.io. Retrieved 2024-03-26.
  6. ^ "Stack Overflow Developer Survey 2023". Stack Overflow. Retrieved 2024-06-02.
  7. ^ "Angular Docs". angular.io.
  8. ^ "What's the difference between AngularJS and Angular?". gorrion.io. September 19, 2017. Retrieved 2018-01-28.
  9. ^ "Composing with Components · Angular". angular.dev. Retrieved 2024-06-02.
  10. ^ "Understanding binding · Angular". angular.dev. Retrieved 2024-06-02.
  11. ^ "Dependency injection in Angular". angular.dev. Retrieved 2024-06-02.
  12. ^ "Directives · Overview · Angular". angular.dev. Retrieved 2024-06-02.
  13. ^ "Routing · Overview · Angular". angular.dev. Retrieved 2024-06-02.
  14. ^ "Angular CLI · Overview · Angular". angular.dev. Retrieved 2024-06-02.
  15. ^ Żurawski, Paweł (2024-05-09). "Angular SSR: Your server-side rendering implementation guide". Pretius. Retrieved 2024-07-17.
  16. ^ "Ng-Europe schedule". Archived from the original on 2018-04-30. Retrieved 2018-04-29.
  17. ^ @angularjs (30 Apr 2015). "Angular 2 moves from Alpha to Developer Preview! Dev guide and API docs now available at ... angular.io/docs/js/latest" (Tweet). Retrieved 2015-10-21 – via Twitter.
  18. ^ "Angular: Angular 2 Beta". angularjs.blogspot.it. Archived from the original on 2015-12-18. Retrieved 2016-07-13.
  19. ^ "angular/angular". GitHub. Retrieved 2016-05-04.
  20. ^ Thompson, Mark (2021-11-04). "Angular v13 is now Available". Angular Blog. Retrieved 2024-06-02.
  21. ^ "Angular: Branding Guidelines for AngularJS". Archived from the original on 2017-02-04. Retrieved 2017-03-04.
  22. ^ Gechev, Minko (2024-05-23). "Meet Angular v19". Medium. Retrieved 2024-06-02.
  23. ^ Gechev, Minko (2024-05-23). "Angular v18 is now available!". Medium. Retrieved 2024-06-02.
  24. ^ a b Gechev, Minko (8 November 2023). "Introducing Angular v17". Medium. Angular Blog. Retrieved 12 November 2023.
  25. ^ Gechev, Minko (2022-11-21). "Angular v15 is now available!". Angular Blog. Retrieved 2024-06-02.
  26. ^ Twersky, Emma (2022-06-03). "Angular v14 is now available!". Angular Blog. Retrieved 2022-06-03.
  27. ^ Thompson, Mark (4 November 2021). "Angular v13 is now Available". Angular Blog. Retrieved 10 January 2022.
  28. ^ Thompson, Mark (2021-05-12). "Angular v12 is now available". Medium. Retrieved 2021-05-17.
  29. ^ "Version 11 of Angular Now Available". 4 December 2020.
  30. ^ "Version 10 of Angular Now Available". 25 June 2020.
  31. ^ Fluin, Stephen (2019-02-08). "A plan for version 8.0 and Ivy". Angular Blog. Retrieved 2019-06-07.
  32. ^ Fluin, Stephen (2018-10-18). "Version 7 of Angular — CLI Prompts, Virtual Scroll, Drag and Drop and more". Angular Blog. Retrieved 2019-06-07.
  33. ^ "Version 6.0.0 of Angular Now Available". Retrieved 4 May 2018.
  34. ^ Fluin, Stephen. "Version 5.0.0 of Angular Now Available". Retrieved 2 November 2017.
  35. ^ "Angular 5 JavaScript framework delayed". 18 September 2017.
  36. ^ "Angular 4.0.0 Now Available". angularjs.blogspot.ca. Archived from the original on 2018-01-08. Retrieved 2017-03-23.
  37. ^ Fluin, Stephen (6 February 2020). "Version 9 of Angular Now Available — Project Ivy has arrived!". blog.angular.io. Retrieved 22 March 2022.
  38. ^ "Angular". angular.io. Retrieved 2019-06-07.
  39. ^ "Angular". angular.io. Retrieved 2022-06-10.
  40. ^ "Angular Material". material.angular.io.
  41. ^ "How to create Angular 6 Custom Elements and Web Components". 29 September 2018.

Read other articles:

Sariputta

Bagian dari seri tentangBuddhisme SejarahPenyebaran Sejarah Garis waktu Sidang Buddhis Jalur Sutra Benua Asia Tenggara Asia Timur Asia Tengah Timur Tengah Dunia Barat Australia Oseania Amerika Eropa Afrika Populasi signifikan Tiongkok Thailand Jepang Myanmar Sri Lanka Vietnam Kamboja Korea Taiwan India Malaysia Laos Indonesia Amerika Serikat Singapura AliranTradisi Buddhisme prasektarian Aliran Buddhis awal Mahāsāṃghika Sthaviravāda Aliran kontemporer Theravāda Mahāyāna Vajrayāna Kon...

 

My Beautiful Girl, Mari

My Beautiful Girl, MariTheatrical posterNama lainHangul마리이야기 Alih Aksara yang DisempurnakanMariiyagiMcCune–ReischauerMariiyagi SutradaraLee Sung-gangProduserCho Sung-wonDitulis olehKang Su-jeongLee Sung-gangSeo Mi-aePenata musikLee Byung-wooSinematograferKwon Geun-wookPenyuntingPark Gok-jiPerusahaanproduksiDaewoo EntertainmentKuk DongSiz EntertainmentDistributorChungeorahm FilmADV FilmsTanggal rilis 18 Januari 2002 (2002-01-18) Durasi80 minutesNegaraSouth KoreaBah...

 

Charles Erskine Scott Wood

American author (1852–1944) For other people with the same name, see Charles Wood. Charles Erskine Scott WoodWood c. 1910Born(1852-02-20)February 20, 1852Erie, Pennsylvania, USDiedJanuary 22, 1944(1944-01-22) (aged 91)Los Gatos, California, USOther namesC.E.S. WoodAlma materUnited States Military AcademyOccupation(s)Author, attorney, soldier, lawyer, satiristKnown forHeavenly DiscoursePolitical partyDemocraticSpouse(s)Nanny Moale Smith, Sara Bard FieldChildrenNan Wood Ho...

Robert Doornbos

Robert Doornbos Robert Doornbos lors d'essais privés à Barcelone en 2006 Biographie Date de naissance 23 septembre 1981 (42 ans) Lieu de naissance Rotterdam, Pays-Bas Nationalité  Néerlandais Carrière Années d'activité Depuis 1999 2005-2006 (Formule 1) Qualité Pilote automobile Parcours AnnéesÉcurie0C.0(V.) 2005 Minardi 8 (0) 2006 Red Bull 3 (0) Statistiques Nombre de courses 11 (Formule 1) Pole positions 0 (Formule 1) Podiums 0 (Formule 1) Victoires 0 (Formule 1) Champio...

 

Alessandro Schöpf

Questa voce sull'argomento calciatori austriaci è solo un abbozzo. Contribuisci a migliorarla secondo le convenzioni di Wikipedia. Segui i suggerimenti del progetto di riferimento. Alessandro Schöpf Nazionalità  Austria Altezza 178 cm Peso 75 kg Calcio Ruolo Centrocampista Squadra  Vancouver Whitecaps Carriera Giovanili 2007-2009 Tirol2009-2012 Bayern Monaco Squadre di club1 2012-2014 Bayern Monaco II63 (22)2014-2016 Norimberga51 (11)2016-2021 Schalke 04...

 

Circolo Sportivo Trevigliese 1923-1924

Questa voce sull'argomento stagioni delle società calcistiche italiane è solo un abbozzo. Contribuisci a migliorarla secondo le convenzioni di Wikipedia. Segui i suggerimenti del progetto di riferimento. Voce principale: Circolo Sportivo Trevigliese. Circolo Sportivo TreviglieseStagione 1923-1924Sport calcio Squadra Trevigliese Seconda Divisione4º posto nel girone D. StadioCampo C.S. Trevigliese 1922-1923 1924-1925 Si invita a seguire il modello di voce Questa pagina raccoglie l...

Manhattan Community Board 7

Community District in New York, United StatesManhattan Community District 7Community DistrictCountry United StatesState New YorkCity New York CityBorough ManhattanNeighborhoods list Lincoln SquareManhattan ValleyUpper West Side Government • ChairpersonBeverly Donohue • District ManagerMax VandervlietArea • Land1.9 sq mi (5 km2)Population (2010) • Total212,000 (2,018 estimate)Ethnicity • Hispanic and Lati...

 

2008–09 Süper Lig

51st season of top-tier Turkish football Football league seasonSüper LigSeason2008–09ChampionsBeşiktaş13th titleRelegatedKonyasporKocaelisporHacettepe SKChampions LeagueBeşiktaşSivassporEuropa LeagueTrabzonsporFenerbahçeGalatasarayMatches played306Goals scored787 (2.57 per match)Top goalscorerMilan Baroš (20)Biggest home winFenerbahçe 7–0 HacettepeBiggest away winİstanbul B.B. 0–4 TrabzonsporHacettepespor 0–4 KocaelisporHighest scoring10 matches with 7 goals each← 2007...

 

صوت الموسيقى (فيلم)

صوت الموسيقىThe Sound of Music (بالإنجليزية) ملصق الفيلممعلومات عامةالصنف الفني موسيقي دراماالمواضيع أنشلوس — الألب — موسيقى تاريخ الصدور 2 مارس 1965مدة العرض 174 دقيقةاللغة الأصلية الإنجليزيةمأخوذ عن The Story of the Trapp Family Singers (en) — صوت الموسيقى البلد الولايات المتحدةموقع التصوير النم�...

Arius

Untuk kegunaan lain, lihat Arius (disambiguasi). AriusLahir250 MAlexandria, MesirMeninggal336 MAlexandria, MesirEraAbad ke-3KawasanTokoh KristenAliranTradisi Teologi AntiokhiaGagasan pentingKristus tidak sehakikat dengan Allah. Kristus merupakan ciptaan Allah yang tidak kekal. Dipengaruhi Origenes Memengaruhi Arianisme Arius atau Arius dari Alexandria (250-336) adalah seorang tokoh Kristen yang hidup pada akhir abad ke-3 sampai awal abad ke-4, di Alexandria (Iskandariah), Mesir pada masa...

 

Bellevue Towers

High rise condominium complex in downtown Bellevue, Washington Bellevue TowersBellevue Towers as seen from Bellevue Downtown Park in 2010General informationStatusCompletedAddress500 106th Ave. NETown or cityBellevue, WashingtonCountryUnited StatesCoordinates47°36′50″N 122°11′53″W / 47.614°N 122.198°W / 47.614; -122.198Construction started2006Completed2009Height450 ft (140 m)Technical detailsFloor count42 and 43Design and constructionArchitecture f...

 

Diocese of Derry and Raphoe

Anglican diocese of the Church of Ireland This article includes a list of general references, but it lacks sufficient corresponding inline citations. Please help to improve this article by introducing more precise citations. (March 2020) (Learn how and when to remove this message) Diocesan standard in the north aisle of the St Columb's Cathedral The Diocese of Derry and Raphoe is a diocese of the Church of Ireland in the north-west of Ireland. It is in the ecclesiastical province of Armagh. I...

نقطة في اللانهاية

حالات وعلاقات الكائنات الهندسية فيما بينها تسامُتٌ تلاقٍ توازٍ تعامد تنصيف انطباقٌ دَائريَّةٌ تماس السعي نحو اللانهاية انعدامٌ مُخالَفَةٌ اشتراك في مستوى التعبير عن الكيانات الهندسية اللانهائية يشير إلى مجموعة من العناصر البدائية التي تكوّن الأشكال الهندسية، وذلك عند...

 

Sanford Plummer

Early 20th-century Seneca painter from New York (1905–1974) Meeting of Hiawatha and Deganawidah by Sanford Plummer Sanford Plummer (Ga-yo-gwa-doke; 1905–1974) (Seneca) was a Native American narrative watercolor painter from New York state. He painted works portraying traditional life and culture of the Seneca and people of other Iroquois nations. His works are held by the Iroquois Indian Museum, as well as Buffalo Museum of Science, Rochester Museum and Science Center, and the Newark Muse...

 

Gigi Gorgeous

Gigi GorgeousLazzarato, 2017LahirGregory Allan Lazzarato20 April 1992 (umur 32)Montreal, Quebec, KanadaNama lainGregory GorgeousGigi LazzaratoPekerjaanYouTubermodelaktorTahun aktif2008–sekarangAgenSelect Management Group (LA)Suami/istriNats Getty ​(m. 2019)​Informasi YouTubeTahun aktif2008–sekarangGenreFesyen, makeup, vlogPelanggan2.79 jutaTotal tayang502 juta Penghargaan Kreator 100.000 pelanggan 2012 1.000.000 pelanggan 2014 Di...

Murder of Rosie Palmer

1994 child murder in Hartlepool, England Rosie PalmerRosie PalmerBornRose Frances Palmer(1990-08-01)1 August 1990[1]Died30 June 1994(1994-06-30) (aged 3)Hartlepool, County Durham, EnglandBody discovered3 July 1994Hartlepool, County Durham, EnglandParent(s)Martin PalmerBeverley Aves The murder of Rosie Palmer took place in Hartlepool, County Durham, England on 30 June 1994.[2] Three-year-old Rose Frances Palmer (1 August 1990 – 30 June 1994) was abducted, raped and murde...

 

Santa Cruz Barillas

Municipality in Huehuetenango Department, GuatemalaSanta Cruz Barillas YalmotxMunicipalityCountry GuatemalaDepartmentHuehuetenango DepartmentArea • Total453 sq mi (1,174 km2)Population (2018 census)[1] • Total100,849 • Density220/sq mi (86/km2) Santa Cruz Barillas (also known as Yalmotx in Qʼanjobʼal) is a town, with a population of 17,166 (2018 census),[2] and a municipality in the Guatemalan department of Huehuet...

 

First Battle of Zrínyiújvár

Part of the Austro-Turkish War (1663–1664) First Battle of Novi Zrin/ZrínyiújvárPart of the Austro-Turkish War (1663–1664)Probable depiction of the battle.DateAugust 13, 1663LocationZrínyiújvár/Novi Zrin, Hungarian-Croatian border on Mura riverResult Hungarian-Croatian victoryBelligerents Habsburg Monarchy Kingdom of Hungary Kingdom of Croatia Ottoman EmpireCommanders and leaders M. Zrínyi/N. Zrinski Kanije PašaStrength Unknown 7,000Casualties and losses Unknown 600 vteAustro-Turk...

Sid Meier's Railroads!

2006 video gameSid Meier's Railroads!Cover art by Michel Bohbot[1]Developer(s)Firaxis GamesFeral Interactive (OS X, Android, iOS)[2]Publisher(s)2KFeral Interactive (OS X, Android, iOS)Designer(s)Sid MeierEngineGamebryoPlatform(s)Microsoft Windows, Mac OS X, iOS, AndroidReleaseWindowsNA: October 18, 2006PAL: October 27, 2006OS XWW: November 1, 2012iOS, AndroidWW: April 5, 2023Genre(s)Business simulation gameMode(s)Single-player, multiplayer Sid Meier's Railroads! is a business ...

 

1950–51 AHL season

Sports season1950–51 AHL seasonLeagueAmerican Hockey LeagueSportIce hockeyRegular seasonF. G. Teddy Oke TrophyCleveland BaronsSeason MVPAb DeMarcoTop scorerAb DeMarcoPlayoffsChampionsCleveland Barons  Runners-upPittsburgh HornetsAHL seasons← 1949–501951–52 → The 1950–51 AHL season was the 15th season of the American Hockey League. Ten teams were scheduled to play 70 games each, however the New Haven Eagles folded midseason. The Cleveland Barons won their eight...