Bruk av Angular JS
Angular JS er et JavaScript-basert open source front-end webapplikasjonsramme, opprettholdt av Google og av et fellesskap av enkeltpersoner og selskaper for å håndtere mange av utfordringene som blir møtt med å utvikle applikasjoner på en side. Angular JS er ikke et programmeringsspråk, men snarere et JavaScript-rammeverk for en-sides applikasjoner. Med SINGLE PAGE APPLICATION (SPA) betyr det at Angular JS er et kraftig JavaScript-rammeverk for å bygge dynamiske webapplikasjoner.
Kantete JS
- Angular JS ble opprettet i 2009 som et sideprosjekt av to utviklere, Misko Hevery og Adam Abrons. De to hadde opprinnelig startet prosjektet for å bygge et ende-til-ende verktøy som gjorde det mulig for webdesignere å samhandle med både frontend og backend.
- Det er skrevet i JavaScript. Den gode tingen og grunnen til at Angular er populær i markedet er at den har et sett med bruksklare moduler for å forenkle byggingen av applikasjoner på en side.
- Angular JS følger MVC-strukturen. Vi vet alle at MVC står for Model View Controller og er et av de populære programvaredesignmønstrene for utvikling av webapplikasjoner.
Nå kommer det et spørsmål om hva som er Model View og Controller faktisk representerer i Angular JS.
Modell - Det er det laveste nivået i mønsteret som er ansvarlig for å opprettholde data.
Kontroller - Det er komponentene og direktivene. Vi vil diskutere dette i senere avsnitt.
Vis - Malen (HTML) behandlet av Angular og nettleseren kommer under visningen.
Angular JS har mange funksjoner som vi skal diskutere senere i delen. Av de mange funksjonene eliminerer funksjoner som datainbinding og avhengighetsinjeksjon mye av koden du for øyeblikket må skrive uten å bruke Angular JS, og det hele skjer i nettleseren, noe som gjør det til en ideell partner med hvilken som helst serverteknologi.
En billedlig fremstilling av noen viktige deler av Angular JS.
Kilde: Internett
Funksjoner og bruk av Angular JS
Det er flere fordeler med å bruke Angular JS. Vennligst finn seksjonene nedenfor, der Angular JS har blitt brukt mye og effektivt. Nedenfor er listen over topp bruksområder for Angular JS.
-
direktiver
Direktiv er markører for DOM-elementer (for eksempel elementer, attributter, CSS og mer). Angular JS har et sett innebygde direktiver som tilbyr funksjonalitet til applikasjonene dine. Vi kan også lage våre egne direktiver i Angular JS. Noen av de innebygde direktivene er som følger:
ng-app, ng-init, ng-modell.
-
Data-bindende
Det er synkroniseringen mellom modellen og utsikten. ng-bind og ng-modell-direktiver gir funksjonaliteten til databinding.
-
omfang
Dette er objekter som refererer til modellen.
Omfanget er den bindende delen mellom HTML (view) og JavaScript (controller). Det er et objekt med tilgjengelige egenskaper og metoder og er tilgjengelig for både visningen og kontrolleren. Så kort fortalt er det forbindelsesdelen mellom en kontroller og utsikten. Et omfang brukes med $ scope i Angular JS.
Merk: Hvis vi lager en kontroller og et argument som skal sendes, er det mulig med $ -omfang. Da får bare visningen (HTML) tilgang til disse egenskapene.
-
Controller
Angular JS-kontrollere kontrollerer dataene til Angular JS-applikasjoner. Kontrollere er vanlige JavaScript-objekter. applikasjoner av Angular JS blir kontrollert av kontrollører. I Angular JS er kontrolleren definert med ng-controller
-
tjenester
En tjeneste er en funksjon, eller objekt, som følger med Angular JS. Vi kan også tilby service for bruk av Angular JS. Omfanget av tjenesten er begrenset til anvendelsen av Angular JS.
Det er nesten 30 innebygde tjenester tilgjengelig med Angular JS.
eksempler:
$ plassering: Det er ikke noe annet enn et alternativ til “widow.location ” hva vi gjør i HTML.
$ http: Den sender en forespørsel til serveren, og lar applikasjonen håndtere svaret.
La oss gå til en annen bruk av Angular JS.
-
filtre
Filtre brukes i Angular JS for å formatere data. Vi kan også lage våre egne filtre ved å registrere en ny filterfabrikkfunksjon med modulen din. Følgende filtre er levert av Angular JS:
valuta, dato, filter, json, limitTo, små bokstaver, antall, ordreBy, store bokstaver.
-
maler
Det gir betrakteren informasjon fra kontrolleren og modellen.
-
ruting
Det hjelper med å bytte visninger. I Angular JS-applikasjon med ngRoute-moduler hjelper applikasjonen å bytte til forskjellige sider uten å laste hele applikasjonen.
-
Modellvisning
Som det allerede er forklart over at Model det laveste nivået av mønsteret som er ansvarlig for å opprettholde data og View, representerer malen (HTML) behandlet av den kantete applikasjonen og nettleseren.
-
Dyp kobling
Det tillater å kode tilstanden til et program i URL-en, slik at den kan bokmerke. Bruken av Angular JS kan deretter gjenopprettes fra URL-adressen til samme tilstand
-
Avhengighetsinjeksjon
Dependency Injection er et programvare som designer mønster som tar for seg hvordan komponenter får tak i deres avhengigheter.
I Angular JS er injeksjonssubsystem ansvarlig for å lage komponenten, løse deres avhengigheter og sørge for avhengighet til andre komponenter etter behov.
Fordeler med Angular JS
Angular JS har følgende er de få fordelene som kan være fordelaktig ved å velge Angular JS i stedet for noen andre alternativer:
- Enkel og forbedret designarkitektur.
- DOM-manipulasjon.
- Mindre kode å skrive.
- Forbedre utviklingseffektiviteten.
- Gjenbruk av kode.
- En kode er enhetstestbar.
- Tillat avhengighetsinjeksjon.
- Toveis bindende data.
- Evne til å lage tilpassede direktiver.
- Avsetning for filtre.
Ulemper ved Angular JS
Ettersom en mynt har to sider, har den på samme måte noen ulemper sammen med den mange fordeler.
Følgende er de få ulempene med Angular JS som man bør huske på før man velger Angular JS.
- Ikke sikker. Autentisering og autorisasjon på serversiden er nødvendig for å sikre applikasjonen.
- Ikke nedbrytbart. Det betyr at hvis JavaScript er deaktivert, vil seeren se de grunnleggende sidene.
- JavaScript-støtte er obligatorisk.
- Vanskeligheter med å lære.
Konklusjon - Uses Of Angular JS
Så vi har lært bruken av Angular JS og litt grunnleggende informasjon om Angular JS. Vi har også kommet over det få av de mange delene av det, som hjelper oss å lære litt kunnskap om det. Vi har også kommet over fordeler og ulemper med det som man bør huske på hvilket valg som Angular JS for applikasjonen. Det er en av de mest populære markedsteknologiene i dagens verden.
Anbefalte artikler:
Dette har vært en guide til Uses of Angular JS i den virkelige verden. Her har vi diskutert de forskjellige funksjonene og bruken av Angular JS, fordelene med Angular JS, og dens ulemper. Du kan også se på følgende artikkel for å lære mer -
- Bruk av photoshop
- Bruker av bringebær Pi
- Bruk av JavaScript