Content deleted Content added
external link (documentary) |
m Link to more up to date StackOverflow survey Tags: Mobile edit Mobile app edit iOS app edit App section source |
||
| (22 intermediate revisions by 13 users not shown) | |||
Line 3:
{{Infobox software
| name = Angular
| logo =
| logo_size =
| developer = [[Google]]
Line 9:
| latest_release_version = {{wikidata|property|reference|edit| Q28925578 |P348}}
| latest_release_date = {{start date and age|{{wikidata|qualifier| Q28925578 |P348|P577}}}}
| latest preview version =
| latest preview date = {{Start date and age|
| repo = {{URL|https://github.com/angular/angular|Angular Repository}}
| programming language = [[TypeScript]], [[JavaScript]]
Line 18:
| website = {{URL|https://angular.dev/}}
}}
'''Angular''' (also referred to as '''Angular 2+''')<ref>{{cite web|url=https://www.sitepoint.com/angularjs-vs-angular/|title=AngularJS and Angular 2+: a Detailed Comparison|date=6 April 2018}}</ref> is a [[TypeScript]]-based [[Free and open-source software|free and open-source]] [[Single-page application|single-page]] [[Web framework|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.<ref>{{Cite web |title=Angular |url=https://angular.io/guide/what-is-angular |access-date=2024-03-26 |website=angular.io}}</ref> According to the Stack Overflow Developer Survey, Angular is one of the most commonly used web frameworks.<ref>{{Cite web |title=Stack Overflow Developer Survey
==Differences between Angular and AngularJS==
[[File:Architecture of an Angular 2 application.png|thumb|right|upright=1.5|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.<ref>{{cite web|url=https://angular.io/guide/architecture|title=Angular Docs|website=angular.io}}</ref> Angular has a different expression syntax, focusing on <code>"[ ]"</code> for [[Property (programming)|property]] binding, and <code>"( )"</code> for [[Event (computing)|event]] binding.<ref>{{cite web |url=https://gorrion.io/blog/angularjs-vs-angular/ |title= What's the difference between AngularJS and Angular?
== Features ==
=== Component-based architecture ===
Line 29:
=== Data binding ===
Angular supports two-way data binding,<ref>{{Cite book |last=Chidester |first=Ashlan |title=Discover Angular |date=2024-04-23 |isbn=9798224446049}}</ref> 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.<ref>{{Cite web |title=Understanding binding · Angular |url=https://angular.dev/guide/templates/binding |access-date=2024-06-02 |website=angular.dev |language=en}}</ref>
=== Dependency injection ===
Line 47:
==History==
Angular 2.0 was announced
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.<ref>{{Cite web |last=Thompson |first=Mark |date=2021-11-04 |title=Angular v13 is now Available |url=https://blog.angular.dev/angular-v13-is-now-available-cce66f7bc296 |access-date=2024-06-02 |website=Angular Blog |language=en}}</ref>
Angular 18, released in 2024, introduced several improvements such as standalone components defaulting to true, built-in control flow syntax, zoneless support previews, and modern SSR debugging tools.<sup>[44]</sup>
===Naming===
Line 59 ⟶ 61:
! Version !! Release date !! New features
|-
|{{Version |c |Angular
|by default Angular CLI will not generate suffixes for components, directives, services, and pipes.<ref>{{Cite web |last=Gechev |first=Minko |date=2025-05-28 |title=Announcing Angular v20 |url=https://blog.angular.dev/announcing-angular-v20-b5c9c06cf301 |access-date=2025-05-28 |website=Medium |language=en}}</ref>
|-▼
|{{Version |co |Angular 19}}
|November 19, 2024
|Angular directives, components and pipes are now standalone by default.<ref>{{Cite web |last=Gechev |first=Minko |date=2024-
|-
|{{Version |
|May 22, 2024
|Experimental zoneless change detection support and server-side rendering improvements.<ref>{{Cite web |last=Gechev |first=Minko |date=2024-05-23 |title=Angular v18 is now available! |url=https://blog.angular.dev/angular-v18-is-now-available-e79d5ac0affe |access-date=2024-06-02 |website=Medium |language=en}}</ref>
|-
|{{Version |
| November 8, 2023<ref name=":1">{{cite web |last=Gechev |first=Minko |date=8 November 2023 |title=Introducing Angular v17 |url=https://blog.angular.io/introducing-angular-v17-4d7033312e4b |access-date=12 November 2023 |website=Medium |publisher=Angular Blog}}</ref>|| 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.<ref name=":1" />
|-
Line 74 ⟶ 80:
| {{Version |o |Angular 15}} || November 18, 2022 ||Standalone APIs, directive composition API.<ref>{{Cite web |last=Gechev |first=Minko |date=2022-11-21 |title=Angular v15 is now available! |url=https://blog.angular.dev/angular-v15-is-now-available-df7be7f2f4c8 |access-date=2024-06-02 |website=Angular Blog |language=en}}</ref>
|-
| {{Version |o |Angular 14}} || 2 June 2022 ||Typed forms, standalone components, and new primitives in the Angular CDK (component dev kit).<ref>{{Cite web |last=Twersky |first=Emma |date=2022-06-03 |title=Angular v14 is now available! |url=https://blog.angular.dev/angular-v14-is-now-available-391a6db736af |access-date=2022-06-03 |website=Angular Blog |language=en}}</ref>
|-
| {{Version |o |Angular 13}} || 4 November 2021<ref name=":2">{{cite web |last1=Thompson |first1=Mark |title=Angular v13 is now Available |url=https://blog.angular.io/angular-v13-is-now-available-cce66f7bc296 |access-date=10 January 2022 |website=Angular Blog|date=4 November 2021 }}
Line 109 ⟶ 115:
=== Support policy and schedule ===
All the major releases are supported for 18 months. This consists of 6 months of active support, during which regularly
{| class="wikitable"
|+Supported Angular Versions
Line 119 ⟶ 125:
!Duration
|-
|^
|Active
|
|
|
|1.5 years
|-
|^
|LTS
|
|
|
▲|-
▲|May 3, 2023
|1.5 years
|}
Angular versions v2 to
== Libraries ==
Line 150 ⟶ 149:
=== 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.<ref>{{cite web|url=https://www.freecodecamp.org/news/how-to-create-angular-6-custom-elements-web-components-c88814dc6e0a/|title=How to create Angular 6 Custom Elements and Web Components|date=29 September 2018 }}</ref><ref>[https://www.wedowebapps.com/angular-18-features-enhancements/ Angular 18 Features & Enhancements]. Published [20 May 2025]. Accessed [20 May 2025].</ref>
==See also==
Line 161 ⟶ 160:
==References==
{{
==External links==
* [https://angular.io Official website]
{{Application frameworks}}
| |||