Angular (Webframework) - Angular (web framework)

Für AngularJS 1.x siehe AngularJS .
Eckig
Eckiges Vollfarblogo.svg
Entwickler Google
Erstveröffentlichung 2.0 / 14. September 2016 ; vor 5 Jahren ( 2016-09-14 )
Stabile Version
12.2.8  Bearbeiten Sie dies auf Wikidata / 30. September 2021 ; Vor 16 Tagen ( 30. September 2021 )
Vorschauversion
12.2.0-rc.0 / 28. Juli 2021 ; Vor 2 Monaten ( 2021-07-28 )
Repository Angular Repository
Geschrieben in Typoskript
Plattform Webplattform
Typ Web-Framework
Lizenz MIT-Lizenz
Webseite eckig .io

Angular (allgemein als „ Angular 2+ “ oder „ Angular CLI “ bezeichnet) ist ein auf TypeScript basierendes kostenloses Open-Source- Webanwendungs-Framework, das vom Angular-Team bei Google und einer Gemeinschaft von Einzelpersonen und Unternehmen geleitet wird. Angular ist eine komplette Neufassung von demselben Team, das AngularJS entwickelt hat .

Angular wird als Frontend des MEAN- Stacks verwendet, der aus der MongoDB- Datenbank, dem Express.js- Webanwendungsserver-Framework, Angular selbst (oder AngularJS ) und der Node.js- Serverlaufzeitumgebung besteht.

Unterschiede zwischen Angular und AngularJS

Architektur einer Angular-Anwendung. Die Hauptbausteine ​​sind Module, Komponenten, Vorlagen, Metadaten, Datenbindung, Direktiven, Dienste und Abhängigkeitsinjektion.

Google hat Angular als grundlegende Neufassung von AngularJS entwickelt.

  • Angular hat kein Konzept von "Umfang" oder Controllern; Stattdessen verwendet es eine Hierarchie von Komponenten als primäres Architekturmerkmal.
  • Angular hat eine andere Ausdruckssyntax, auf Fokussierung "[ ]"für Eigenschaft - Bindung und "( )"für Ereignis - Bindung
  • Modularität – viele Kernfunktionen wurden in Module verlagert
  • Angular empfiehlt die Verwendung von Microsoft ‚s Typoskript Sprache, die die folgenden Funktionen eingeführt:
  • TypeScript ist eine Obermenge von ECMAScript 6 (ES6) und ist abwärtskompatibel mit ECMAScript 5 (dh: JavaScript).
  • Dynamisches Laden
  • Asynchrone Vorlagenkompilierungen
  • Iterative Callbacks, die von RxJS bereitgestellt werden.
  • Unterstützung für Angular Universal, das Angular-Anwendungen auf Servern ausführt.

Geschichte

Benennung

Ursprünglich hieß die Neufassung von AngularJS "Angular 2", was jedoch zu Verwirrung bei den Entwicklern führte. Zur Verdeutlichung kündigte das Team an, dass für jedes Framework separate Begriffe verwendet werden sollen, wobei sich „ AngularJS “ auf die 1.X-Versionen bezieht und „Angular“ ohne „JS“ auf die Versionen 2 und höher.

Version 2

Angular 2.0 wurde auf der ng-Europe-Konferenz 22–23 angekündigt. Oktober 2014. Die drastischen Änderungen in der Version 2.0 sorgten für erhebliche Kontroversen unter den Entwicklern. Am 30. April 2015 gaben die Angular-Entwickler bekannt, dass Angular 2 von Alpha zu Developer Preview gewechselt ist. Angular 2 wechselte im Dezember 2015 in die Beta-Phase und der erste Release Candidate wurde im Mai 2016 veröffentlicht. Die endgültige Version wurde am 14. September 2016 veröffentlicht.

Version 4

Am 13. Dezember 2016 wurde Angular 4 angekündigt, wobei 3 übersprungen wurde, um eine Verwechslung aufgrund der falschen Ausrichtung der bereits als v3.3.0 vertriebenen Version des Router-Pakets zu vermeiden. Die endgültige Version wurde am 23. März 2017 veröffentlicht. Angular 4 ist abwärtskompatibel mit Angular 2.

Angular Version 4.3 ist eine Nebenversion, d. h. sie enthält keine Breaking Changes und ist ein Drop-In-Ersatz für 4.xx

Funktionen in Version 4.3

  • Einführung von HttpClient , einer kleineren, benutzerfreundlicheren und leistungsfähigeren Bibliothek zum Erstellen von HTTP-Anforderungen.
  • Neue Router-Lebenszyklusereignisse für Guards und Resolver. Vier neue Ereignisse: GuardsCheckStart , GuardsCheckEnd , ResolveStart , ResolveEnd schließen sich dem bestehenden Satz von Lebenszyklusereignissen wie NavigationStart an.
  • Animationen bedingt deaktivieren .

Version 5

Angular 5 wurde am 1. November 2017 veröffentlicht. Zu den wichtigsten Verbesserungen in Angular 5 gehören die Unterstützung für progressive Web-Apps , ein Build-Optimierer und Verbesserungen im Zusammenhang mit Material Design.

Version 6

Angular 6 wurde am 4. Mai 2018 veröffentlicht. Dies ist eine Hauptversion, die sich weniger auf das zugrunde liegende Framework konzentriert, sondern mehr auf die Toolchain und darauf, in Zukunft schneller mit Angular zu arbeiten, wie: ng update, ng add, Angular Elements , Angular Material + CDK-Komponenten, Angular Material Starter-Komponenten, CLI-Arbeitsbereiche, Bibliotheksunterstützung, Tree Shakable Provider, Leistungsverbesserungen für Animationen und RxJS v6.

Version 7

Angular 7 wurde am 18. Oktober 2018 veröffentlicht. Updates in Bezug auf Anwendungsleistung, Angular Material & CDK, Virtual Scrolling, verbesserte Zugänglichkeit von Selects, unterstützt jetzt Content Projection mit Webstandard für benutzerdefinierte Elemente und Abhängigkeitsupdates für Typescript 3.1, RxJS 6.3, Node 10 (unterstützt immer noch Node 8).

Version 8

Angular 8 wurde am 28. Mai 2019 veröffentlicht. Mit differentiellem Laden für den gesamten Anwendungscode, dynamischen Importen für Lazy-Routen, Web-Worker, TypeScript 3.4-Unterstützung und Angular Ivy als Opt-in-Vorschau. Die Opt-in-Vorschau von Angular Ivy umfasst:

  • Generierter Code, der zur Laufzeit einfacher zu lesen und zu debuggen ist
  • Schnellere Umbauzeit
  • Verbesserte Nutzlastgröße
  • Verbesserte Überprüfung des Vorlagentyps
  • Abwärtskompatibilität

Version 9

Angular 9 wurde am 6. Februar 2020 veröffentlicht. Version 9 verschiebt alle Anwendungen so, dass sie standardmäßig den Ivy-Compiler und die Laufzeit verwenden . Angular wurde aktualisiert, um mit TypeScript 3.6 und 3.7 zu arbeiten. Neben Hunderten von Fehlerbehebungen bietet der Ivy-Compiler und die Runtime zahlreiche Vorteile:

  • Kleinere Bündelgrößen
  • Schneller testen
  • Besseres Debuggen
  • Verbesserte CSS-Klassen- und Stilbindung
  • Verbesserte Typprüfung
  • Verbesserte Build-Fehler
  • Verbesserte Buildzeiten, AOT standardmäßig aktiviert
  • Verbesserte Internationalisierung

Version 10

Angular 10 wurde am 24. Juni 2020 veröffentlicht.

  • Neue Datumsbereichsauswahl (Material-UI-Bibliothek)
  • Warnungen zu CommonJS-Importen
  • Optionale strengere Einstellungen
  • Mit dem Ökosystem auf dem Laufenden bleiben
  • Neue Standardbrowserkonfiguration
  • Einstellungen und Entfernungen

Version 11

Angular 11 wurde am 11. November 2020 veröffentlicht.

Version 12

Angular 12 wurde am 12. Mai 2021 veröffentlicht.

  • Veraltete Unterstützung für IE11

Zukünftige Veröffentlichungen

Seit v9 hat das Angular-Team alle neuen Anwendungen auf den Ivy-Compiler und die Laufzeitumgebung umgestellt. Sie werden an Ivy arbeiten, um die Ausgabepaketgrößen und die Entwicklungsgeschwindigkeit zu verbessern.

Es wird erwartet, dass jede Version abwärtskompatibel mit der vorherigen Version ist. Das Angular-Entwicklungsteam hat sich verpflichtet, zweimal im Jahr Upgrades durchzuführen.

Support-Richtlinie und Zeitplan

Alle Hauptversionen werden 18 Monate lang unterstützt. Dieser besteht aus 6 Monaten aktivem Support, in dem regelmäßig Updates und Patches veröffentlicht werden. Danach folgt ein 12-monatiger Langzeit-Support (LTS), in dem nur kritische Fixes und Sicherheitspatches veröffentlicht werden.

Unterstützte Angular-Versionen
Ausführung Status Freigegeben Aktive Enden LTS endet
^12.0.0 Aktiv 12. Mai 2021 12.11.2021 12.11.2022
^11.0.0 LTS 11.11.2020 11. Mai 2021 11. Mai 2022
^10.0.0 LTS 24. Juni 2020 24. Dez. 2020 24. Dezember 2021

Bibliotheken

Eckiges Material

"Winkelmaterial" leitet hierher weiter. Die gleichnamige Bibliothek für AngularJS 1.x finden Sie unter AngularJS § AngularJS Material .

Angular Material ist eine UI- Komponentenbibliothek, die Material Design in Angular implementiert .

Siehe auch

Verweise

Externe Links