Hva er Angular JS?

Html er et hypertekst markeringsspråk som gir struktur til våre webapplikasjoner og websider og er flott for statisk dokumentdeklarasjon, men HTML nøler med å erklære dynamiske visninger i webapplikasjoner. Løsningen er Angularjs som utvider vårt HTML -ordforråd.

AngularJS er en av de mest populære, open source, strukturelle front-end-rammene som brukes til dynamiske enkelt webapplikasjoner som endrer statisk HTML til dynamisk HTML og ble utviklet i 2009 og vedlikeholdes for tiden av Google. AngularJS utvider HTML-evnen, da det lar oss legge til innebygde attributter og komponenter, samt gir muligheten til å lage tilpassede attributter ved hjelp av enkle JS. Den offisielle nettstedet til AngularJS er gitt nedenfor hvor du kan laste ned AngularJS:

https: // angularjs.org/

Angularjs Bruker Model View Controller Software Architecture som de fleste JavaScript -rammer.

Modellvisningskontroller

Model View Controller (MVC) er en programvarearkitekturdesign som deler applikasjonen vår i tre logiske komponenter:

• Modell er den delen av arkitekturen der data er representert. For eksempel, hvis du bygger et skolestyringssystem, er dataene til studenter (registreringsnummer, navn, alder osv.) Til stede i denne delen.
• Visninger er ganske enkelt presentasjonslaget som vises for brukerne.
• Kontroller representerer forretningslogikken, I-E-brukerhendelser utløser funksjoner som er initialisert i kontrolleren.

AngularJS -funksjoner

Angular har noen unike funksjoner som gjør det så populært. Noen av dem er:

• Angularjs Tilbyr datamodellbinding som betyr at man ikke trenger å skrive noen spesielle koder for bindingsdata til HTML -kontroller og gjøres med bare noen få utdrag på AngularJS.
• Som tidligere nevnt er AngularJS basert på det velkjente MVC-designmønsteret, som er ansatt i de fleste nåværende apper.
• Angularjs Får oss til å skrive mindre kode sammenlignet med JavaScript DOM -manipulasjon, Angular har mindre kode for DOM -manipulasjon.
• En annen funksjon som AngularJS tilbyr er testrammen Karma designet av Google som utfører enhetstester for AngularJS -applikasjoner.

Kantete JS -fordeler

• Open source rammeverk derav mindre antall feil.
• Lagring av applikasjoner på en side oppnås i et veldig vedlikeholdbart og rent miljø.
• Rik og responsiv erfaring med databindingsevne er gitt i HTML.
• Ruting beveger seg fra en side til en annen, og Angular gjør det veldig enkelt og effektivt, da det bare er en enkelt side; Du kan imidlertid endre visninger basert på dine preferanser/krav.
• Gir gjenbrukbare komponenter
• Separasjon av bekymringer og avhengighetsinjeksjon brukes.
• Ingen behov for å lære et nytt språk da det er rent JS og HTML.
• AngularJS -applikasjoner kjøres på alle større nettlesere så vel som Android og iOS Mobiles.

Kantete JS -ulemper

Nå som vi har diskutert fordelene med Angularjs, la oss snu mynten til den andre siden og diskutere noen av ulempene med Angularjs.

• Autentisering og autorisasjon på serversiden er en nødvendighet for å holde applikasjonen vår sikker, og derfor er AngularJS-applikasjoner ikke trygge.
• AngularJS er ikke nedbrytbar, noe som betyr at hvis brukeren deaktiverer JavaScript, ville ingenting være synlig bortsett fra grunnsiden

AngularJS -direktiver

Angular JS Gir oss unike og kraftige direktiver som lar oss finne opp nytt HTML -syntaks Pacific for vår applikasjon. Angularjs er delt inn i tre deler:

• Direktivet som er ansvarlig for å koble HTML og AngularJS-applikasjoner er NG-APP.
• Direktivet som er ansvarlig for å binde verdiene til vinkel JS til HTML-inngangskontroller er NG-modell.
• Direktivet som er ansvarlig for å binde AngularJS-applikasjonen til HTML-tagger er NG-BIND.

AngularJS -direktiver Eksempel

Anta at det er en inngangsboks, og vi vil vise den skrevne strengen i etiketten, så bruker vi NG-APP, BG-Model samt NG-BIND i eksemplet nedenfor for å oppnå vårt formål:

Konklusjon

HTML er bra for statiske dokumenter, men for å erklære dynamiske visninger HTML vakler. AngularJS utvider HTML -ordforråd og er et av de mest populære nettrammer som brukes til å designe enkelt websider.

Denne artikkelen var en introduksjon til hva Angularjs er, og vi dekket nesten all den teoretiske delen av hva Angularj er.