Angular versionsliste og historie – Angular 2,4,5,6,7,8
James Hartman
Angular versioners historie
Følgende er Angular-versionens udgivelsesdatoer:
- Angular version 1.0, som er kendt som AngularJS, blev udgivet i 2010 af Google
- Angular version 2.0 blev udgivet i september 2016
- Angular 4.0 blev udgivet i marts 2017
- Angular 5.0 blev udgivet i november 2017
- Angular 6.0 blev udgivet i maj 2018
- Angular 7.0 blev udgivet i oktober 2018
- Angular 8.0 blev udgivet i maj 2019
- Angular 9.0 blev udgivet i februar 2020
- Angular 10.0 blev udgivet i juni 2020
- Angular 11.0 blev udgivet i november 2020
- Angular 12 udkommer i maj 2021
- Angular 13 udkommer i november 2021
- Angular 14 udkommer i juni 2022
Vinkelversionsliste og historie
Lad os se Angular-versionshistorikken i detaljer:
Historien om Angular 1
Angular 1 som også blev omtalt som AngularJS er en JavaScript open source framework. Det er designet specielt til enkeltsidede webapps, som er fuldt ejet af Google. Dette var den første Angular-version, der blev lanceret i 2010.
Historien om Angular 2
Angular 2 er en fuldt bygget og gennemført omarbejdningsversion fra Angular 1. Den er kompatibel med mobile enheder. Desuden giver Angular 2 dig mulighed for at vælge flere sprog, hvor du kan vælge dit sprog som ES5, ES6 eller TypeScript at skrive koderne for Angular 2.
Historien om Angular 4
Som diskuteret tidligere blev Angular 3 ikke udgivet af Angular-teamet. Angular 4 blev udgivet den 6. marts 2017, som er kompatibel med de fleste af applikationerne. Der er dog ikke nogen større ændringer i Angular 4 fra Angular 2, og den tilbyder bedre fejlrettet, og advarsler sammenlignet med Angular 2.
Historien om Angular 5
Angular five blev udgivet i november 2017. I denne Angular version er der også lavet nogle største ændringer i forhold til tidligere Angular. I denne version er der en Build Optimizer, der er oprettet med Angular CLI, som giver dig mulighed for at anvende build Optimizer som standard. Udover dette er der også givet en Angular Universal State Transfer, der understøtter API og DOM.
Historien om Angular 6
Angular version 6 blev udgivet den 4. maj 2018. Det er en større udgivelse, der fokuserer mindre på den underliggende ramme og mere på værktøjskæden. Angular Elements, Component Dev Kit, Angular Material Starter Components, Library support og Tree Shakeable Providers er nogle nye funktioner, der er tilføjet i denne version.
Historien om Angular 7
Angular version 7 blev udgivet den 18. oktober 2018. Opdateringer vedrørende Application Performance, CDK, Angular Material Virtual Scrolling, Det giver også forbedret tilgængelighed af udvalgte, understøttelse af indholdsprojektion ved hjælp af webstandard for brugerdefinerede elementer og afhængighedsopdateringer vedrørende Typescript 3.1, RxJS 6.3 og Node 10.
Historien om Angular 8
Angular version 8 blev udgivet den 28. maj 2019. Denne opdatering forbedrer indlæsningen af alle applikationskoder, webarbejderens dynamiske import til dovne ruter. Det understøttede også TypeScript 3.4 og Angular Ivy som en forhåndsvisning til tilmelding.
Hvad er Angular JS?
AngularJS er en open source front-end webramme baseret på JavaScript til at bygge dynamiske webapplikationer. Det giver udviklere mulighed for at bruge HTML som skabelonsproget og udvide dets syntaks til at skabe forskellige applikationskomponenter. Det hjælper dig også med at reducere skrivning af koden ved databinding og afhængighedsinjektion.
AngularJS blev skabt af Misko Heavery. Han havde bygget en ramme til at håndtere HTMLs undergang og også tage idéer og bedste praksis fra bibliotekerne, som aldrig blev gjort tidligere.
Denne første version af rammeværket kendt som AngularJS blev lanceret i år 2009. Det lagde grundlaget for den nuværende front-end applikationsudvikling. Angular JS var en af de bedste enkeltsides applikationsudviklingsløsninger. Gradvist, det bred vedtagelse og blevet meget populær.
Funktioner af Angular JS
- A JavaScript MVW Framework
- Udvider HTML-understøttelse ved at tilføje tags, attributter og udtryk
- Tillader nem begivenhedshåndtering
- Understøtter databinding
- Indbygget skabelonmotor og routing
- Formularvalideringer og animationer
- Afhængighedsindsprøjtning
Hvad er Angular 2?
Vinkel 2 er en AngularJS version bygget op omkring konceptet med komponenten, som tillader bygning JavaSkriftundervisning. Efter at have udgivet Angular JS, udgav Angular-holdet Angular 2, som er en komplet omskrivning af den originale Angular 1 eller AngularJS. Det blev omskrevet fra bunden af Angular-teamet ved hjælp af Typescript. Det giver bedre ydeevne til webudviklere.
Der er mange nye funktioner sammen med andre forbedringer og tweaks.
Nogle vigtige funktioner i Angular 2 er:
- Moderne, hurtigere og meget skalerbar ramme
- Lige så nyttige rammer til web-, mobil- og desktop-apps
- Webkomponentbaseret arkitektur
- Understøtter hierarkisk afhængighedsinjektion
Hvorfor ikke Angular 3?
Angular 2 har været et enkelt depot. Hver pakke kan downloades med @angular/pakkenavn-konventionen. For eksempel @angular/HTTP, @angular/router
Alle pakkenavne blev tildelt version 2, men routerpakken fik ved en fejl version 3. Derfor sprang udviklingsteamet Angular Version 3 over og gav den direkte navnet version 4 for at bevare kompatibiliteten med Angular Routers version.
Hvad er Angular 4?
Vinkel 4 er en webapplikationsramme til bygning JavaScript applikationer. Det understøtter TypeScript, som kompilerer til JavaScript og viser det samme i browseren. Det giver også navigationsværktøjslinje, autofuldførelse, menuer og mange flere funktioner. Det er i modsætning til Angular 2, som er en fuldstændig omskrevet version af Angular 1.
Nogle andre funktioner i Angular 4 er:
- Reducer størrelsen af den genererede bundtede kode op til 60 %
- Animation flyttet ud til en adskilt pakke @angular/animations
- Understøtter if/else-sætning
- Understøtter e-mail validator
Hvad er Angular 5?
Vinkel 5 er en open source webapplikationsramme, som er baseret på TypeScript. Der er masser af nye funktioner og forbedringer udført i denne version som afhængighedsindsprøjtning, deklarative skabeloner, ende-til-ende værktøj osv. Det medfører ikke nogen væsentlig ændring fra Angular 4.
Funktioner af Angular 5:
- Gør AOT til standard
- Nemmere at bygge progressive webapps
- Skriv check-in skabeloner
- Support til internationaliserede nummer-, dato- og valutarør
- En opdatering til Httpclient
- Zonehastighedsforbedringer
- Nye routers livscyklusbegivenheder
Forskellen mellem AngularJS og Angular 2
Nedenfor er en hovedforskel mellem AngularJS vs Angular 2:
| Vinkel JS | Vinkel 2 |
|---|---|
| Udgivet af Google i år 2010. | Udgivet i september 2016. |
| JavaScript-baseret ramme til oprettelse af SPA. | Fuldstændig omskrivning af AngularJS-versionen. |
| Stadig understøttet, men vil ikke længere blive udviklet. | Det er en opdateret version, der udgives regelmæssigt på grund af semantisk versionering. |
| Arkitekturen af AngularJS er baseret på MVC. | Arkitekturen i Angular 2 er baseret på service/controller. |
| AngularJS blev ikke udviklet med en mobil base i tankerne. | Angular 2 er en mobilorienteret ramme. |
| AngularJS-kode kan skrive ved kun at bruge ES5, ES6 og Dart. | Vi kan bruge ES5, ES6, Typescript til at skrive en Angular 2-kode. |
| Baseret på controllere, hvis anvendelsesområde nu er forbi. | I dag er controllerne erstattet af komponenter, og Angular two er fuldstændig komponentbaseret. |
| Fabrik, service, udbyder, værdi og konstant bruges til tjenester | Klassen er den eneste metode til at definere tjenester i Angular2 |
| Kør kun på klientsiden | Kører på klient- og server-side |
| ng-app og angular bootstrap-funktion bruges til at initialisere | bootstrapmodule()-funktionen bruges til at initialisere |
Forskellen mellem Angular 2 og Angular 4
Følgende er den vigtigste forskel mellem Angular 2 og Angular 4:
| Vinkel 2 | Vinkel 4 |
|---|---|
| Koden genereret ved hjælp af Angular 2 er større, og filstørrelsen er også større. | Angular 4.0 har reduceret den medfølgende filstørrelse med 60 %. Den genererede kode reduceres således, hvilket hjælper med at accelerere applikationens ydeevne. |
| Angular two er ikke bagudkompatibel med Angular JS. | Angular four er bagudkompatibel med Angular 2 til de fleste applikationer. |
| Der er ingen specifikke ikke-korrekte afvisningsfaser til at justere koder. | Der vil være korrekte afvisningsfaser for at give udviklere mulighed for at justere deres kode |
| Der er ingen tilbud om animationsfunktioner i Angular 2. | Animationsfunktioner trækkes ud af @angular/core og inkluderes i deres pakke |
Forskellen mellem Angular 4 og Angular 5
Her er forskellen mellem Angular 4 og Angular 5:
| Vinkel 4 | Vinkel 5 |
|---|---|
| Understøttelse af router ParamMap | Ny router Lifecycle Event |
| Dynamiske komponenter med NgComponentOutlet | Compiler forbedringer |
| TypeScript 2.4 med denne version, der fungerer som en JavaScript-supersæt, der kan bruges til valgfri statisk indtastning, grænseflader og klasser | Angular 5 kommer med build optimizer, som er en del af platformens kommando som et værktøj. |
| HTTP-anmodning forenklet | Optimering med HttpClient-funktion |
| Inkluderer animationspakke | Internationaliseret dato og valuta |
Resumé
- AngularJS er en open source front-end webramme baseret på JavaScript til at bygge dynamiske webapplikationer.
- Angular 2 er en AngularJS-version bygget op omkring konceptet med komponenten, som tillader bygning JavaSkriftundervisning. Efter at have udgivet Angular JS, udgav Angular-holdet Angular 2, som er en komplet omskrivning af den originale Angular 1 eller AngularJS.
- Alle pakkenavne blev tildelt version 2, men routerpakken fik ved en fejl version 3. Derfor sprang udviklingsteamet Angular Version 3 over og gav den direkte navnet version 4 for at bevare kompatibiliteten med Angular Routers version.
- Angular 4 er en webapplikationsramme til bygning JavaScript applikationer. Det understøtter TypeScript, som kompilerer til JavaScript og viser det samme i browseren.
- Angular 5 er en open source webapplikationsramme, som er baseret på TypeScript. Der er masser af nye funktioner og forbedringer udført i denne version, såsom afhængighedsinjektion, deklarative skabeloner, ende-til-ende værktøj osv.
