Lijst en geschiedenis van Angular-versies – Angular 2,4,5,6,7,8

Geschiedenis van hoekige versies

Hieronder staan ​​de releasedata voor de Angular-versie:

• Angular versie 1.0, bekend als AngularJS, werd in 2010 uitgebracht door Google
• Angular versie 2.0 werd uitgebracht in september 2016
• Angular 4.0 werd uitgebracht in maart 2017
• Angular 5.0 werd uitgebracht in november 2017
• Angular 6.0 werd uitgebracht in mei 2018
• Angular 7.0 werd uitgebracht in oktober 2018
• Angular 8.0 werd uitgebracht in mei 2019
• Angular 9.0 werd uitgebracht in februari 2020
• Angular 10.0 is uitgebracht in juni 2020
• Angular 11.0 werd uitgebracht in november 2020
• Angular 12 komt uit in mei 2021
• Angular 13 wordt uitgebracht in november 2021
• Angular 14 komt uit in juni 2022

Hoekige versielijst en geschiedenis

Laten we de versiegeschiedenis van Angular eens in detail bekijken:

Geschiedenis van Hoekig 1

Hoek 1, ook wel genoemd angularjs is een JavaScript open-source framework. Het is speciaal ontworpen voor single-page web apps die volledig eigendom zijn van Google. Dit was de eerste Angular-versie die in 2010 werd gelanceerd.

Geschiedenis van Hoekig 2

Angular 2 is een volledig gebouwde en voltooide herwerkingsversie van Angular 1. Het is compatibel met mobiele apparaten. Bovendien geeft Angular 2 u de mogelijkheid om meer talen te kiezen, waarbij u uw taal kunt kiezen, zoals ES5, ES6 of TypeScript om de codes van Angular 2 te schrijven.

Geschiedenis van Hoekig 4

Zoals eerder besproken is Angular 3 niet uitgebracht door het Angular-team. Angular 4 werd uitgebracht op 6 maart 2017 en is compatibel met de meeste applicaties. Er zijn echter geen grote veranderingen in Angular 4 ten opzichte van Angular 2, en het biedt betere bugfixes en waarschuwingen in vergelijking met Angular 2.

Geschiedenis van Hoekig 5

Angular five is uitgebracht in november 2017. In deze Angular-versie zijn er ook enkele grootste veranderingen aangebracht ten opzichte van de vorige Angular. In deze versie is er een Build Optimizer die is gemaakt met de Angular CLI waarmee u standaard de build optimizer kunt toepassen. Daarnaast is er ook een Angular Universal State Transfer beschikbaar die API en DOM ondersteunt.

Geschiedenis van Hoekig 6

Angular versie 6 is uitgebracht op 4 mei 2018. Het is een grote release die minder op het onderliggende raamwerk en meer op de toolchain is gericht. Angular Elements, Component Dev Kit, Angular Material Starter Components, Library-ondersteuning en Tree Shakeable Providers zijn enkele nieuwe functies die in deze versie zijn toegevoegd.

Geschiedenis van Hoekig 7

Angular versie 7 is uitgebracht op 18 oktober 2018. Updates met betrekking tot applicatieprestaties, CDK, Angular Material Virtual Scrolling. Het biedt ook verbeterde toegankelijkheid van selecties, ondersteuning voor inhoudsprojectie met behulp van de webstandaard voor aangepaste elementen, en afhankelijkheidsupdates met betrekking tot Typescript 3.1, RxJS 6.3 en knooppunt 10.

Geschiedenis van Hoekig 8

Angular versie 8 is uitgebracht op 28 mei 2019. Deze update verbetert het laden van alle applicatiecodes, de dynamische import van webwerkers voor luie routes. Het ondersteunde ook TypeScript 3.4 en Angular Ivy als een opt-in preview.

AngularJS is gemaakt door Misko Heavy. Hij had een raamwerk gebouwd om de valkuilen van HTML aan te pakken en ook ideeën en best practices van de bibliotheken over te nemen die nog nooit eerder waren uitgevoerd.

Deze eerste versie van het framework AngularJS werd gelanceerd in het jaar 2009. Het legde de basis voor de huidige front-end applicatieontwikkeling. Angular JS was een van de beste single-page applicatieontwikkelingsoplossingen. Geleidelijk aan werd het breed geaccepteerd en erg populair.

Kenmerken van Angular JS

• A JavaScript MVW-framework
• Breidt HTML-ondersteuning uit door tags, attributen en expressies toe te voegen
• Maakt eenvoudige gebeurtenisafhandeling mogelijk
• Ondersteunt voor gegevensbinding
• Ingebouwde sjabloonengine en routering
• Formuliervalidaties en animaties
• Afhankelijkheden injectie

Enkele belangrijke kenmerken van Angular 2 zijn:

• Modern, sneller en zeer schaalbaar raamwerk
• Even nuttig raamwerk voor web-, mobiele en desktop-apps
• Op webcomponenten gebaseerde architectuur
• Ondersteunt hiërarchische afhankelijkheidsinjectie

Waarom niet Angular 3?

Angular 2 was één enkele opslagplaats. Elk pakket kan worden gedownload met de @angular/pakketnaamconventie. Bijvoorbeeld @angular/HTTP, @angular/router

Alle pakketnamen kregen versie 2 toegewezen, maar het routerpakket kreeg per ongeluk versie 3. Daarom sloeg het ontwikkelingsteam Angular Versie 3 over en noemde het direct versie 4 om de compatibiliteit met de versie van Angular Router te behouden.

Enkele andere kenmerken van Angular 4 zijn:

• Verklein de grootte van de gegenereerde gebundelde code tot 60%
• Animatie verplaatst naar een afzonderlijk pakket @angular/animations
• Ondersteunt de if/else-instructie
• Ondersteuning voor e-mailvalidator

Kenmerken van Angular 5:

• Maak AOT de standaard
• Makkelijker om progressieve webapps te bouwen
• Typ het inchecken in sjablonen
• Ondersteuning voor geïnternationaliseerde nummer-, datum- en valutapipes
• Een update voor Httpclient
• Zonesnelheidsverbeteringen
• Nieuwe gebeurtenissen in de routerlevenscyclus

Verschil tussen AngularJS en Angular 2

Hieronder ziet u een belangrijk verschil tussen AngularJS versus Angular 2:

Hoekige JS	Hoekig 2
Uitgegeven door Google in het jaar 2010.	Uitgebracht in september 2016.
JavaScriptgebaseerd framework voor het maken van SPA.	Volledige herschrijving van de AngularJS-versie.
Nog steeds ondersteund, maar zal niet langer worden ontwikkeld.	Het is een bijgewerkte versie die regelmatig wordt uitgebracht vanwege Semantic Versioning.
De architectuur van AngularJS is gebaseerd op MVC.	De architectuur van Angular 2 is gebaseerd op service/controller.
AngularJS is niet ontwikkeld met een mobiele basis in gedachten.	Angular 2 is een mobiel georiënteerd raamwerk.
AngularJS-code kan schrijven met alleen ES5, ES6 en Dart.	We kunnen ES5, ES6 en Typescript gebruiken om een ​​Angular 2-code te schrijven.
Gebaseerd op controllers waarvan de reikwijdte nu voorbij is.	Tegenwoordig zijn de controllers vervangen door componenten en is Angular Two volledig componentgebaseerd.
Voor diensten worden fabriek, dienst, aanbieder, waarde en constante gebruikt	De klasse is de enige methode om services in Angular2 te definiëren
Alleen aan de clientzijde uitgevoerd	Draait op client-side en server-side
ng-app en hoekige bootstrap-functie worden gebruikt om te initialiseren	bootstrapmodule() functie wordt gebruikt om te initialiseren

Verschil tussen hoek 2 en hoek 4

Hieronder vindt u de belangrijkste verschillen tussen Angular 2 en Angular 4:

Hoekig 2	Hoekig 4
De code die met Angular 2 wordt gegenereerd, is groter en de bestandsgrootte is ook groter.	Angular 4.0 heeft de gebundelde bestandsgrootte met 60% verminderd. De gegenereerde code wordt dus verminderd, wat de prestaties van de applicatie helpt versnellen.
Angular Two is niet achterwaarts compatibel met Angular JS.	Angular Four is voor de meeste toepassingen achterwaarts compatibel met Angular 2.
Er zijn geen specifieke, niet-goede afkeuringsfasen om codes aan te passen.	Er zullen passende afkeuringsfasen zijn zodat ontwikkelaars hun code kunnen aanpassen
Er zijn geen aanbiedingen voor animatiefuncties in Angular 2.	Animatiefuncties worden uit @angular/core gehaald en in hun pakket opgenomen

Verschil tussen hoek 4 en hoek 5

Hier is het verschil tussen Angular 4 versus Angular 5:

Hoekig 4	Hoekig 5
Ondersteuning voor Router ParamMap	Nieuwe routerlevenscyclusgebeurtenis
Dynamische componenten met NgComponentOutlet	Compilerverbeteringen
TypeScript 2.4 met deze versie die functioneert als een JavaScript-superset die kan worden gebruikt voor optionele statische typen, interfaces en klassen	Angular 5 wordt geleverd met build optimizer, die als een tool deel uitmaakt van de opdracht van het platform.
HTTP-verzoek vereenvoudigd	Optimalisatie met HttpClient-functie
Inclusief animatiepakket	Geïnternationaliseerde datum en valuta

Samenvatting

• AngularJS is een open-source front-end webframework gebaseerd op JavaScript om dynamische webapplicaties te bouwen.
• Angular 2 is een AngularJS-versie gebouwd rond het concept van de component, die bouwen mogelijk maakt JavaScriptklassen. Na de release van Angular JS, bracht het Angular-team Angular 2 uit, wat een complete herschrijving is van de originele Angular 1 of AngularJS.
• Alle pakketnamen kregen versie 2 toegewezen, maar het routerpakket kreeg per ongeluk versie 3. Daarom sloeg het ontwikkelingsteam Angular Versie 3 over en noemde het direct versie 4 om de compatibiliteit met de versie van Angular Router te behouden.
• Angular 4 is een raamwerk voor webapplicaties voor het bouwen JavaScripttoepassingen. Het ondersteunt TypeScript, die compileert naar JavaScript en geeft hetzelfde weer in de browser.
• Angular 5 is een open-source webapplicatieframework dat is gebaseerd op TypeScript. Er zijn veel nieuwe functies en verbeteringen aangebracht in deze versie, zoals injectie van afhankelijkheid, declaratieve sjablonen, end-to-end tooling, enz.