AngularJS - Hei verden

Hei Classic World

Vanligvis når vi lærer å bruke et nytt språk, er det første vi gjør å lage et lite program som skriver ut det klassiske for oss. "Hei Verden"Selv om dette kanskje ikke er til reell bruk i et program, har det flere implikasjoner. Det lærer oss å starte språket og gir oss en måte å sjekke at alt fungerer som det skal.
I denne delen vil vi se hvordan du utfører a Hei Verden, i tillegg se og gjennomgå tilknyttede konsepter som lar oss bygge applikasjoner inn AngularJS.
I AngularJS Malen er på klientsiden, derfor når dataene applikasjonen vår, og det er nettopp på dette området at den er organisert og forberedt for bruk av brukeren; når du bruker dette konseptet på en enkeltsidig applikasjon og bruker AJAX vi vil kunne oppnå dynamikk uten at brukeren trenger å laste inn nettet der de surfer.
For å utføre en enkel Hei Verden Og når vi kjenner til det ovennevnte, la oss se hva vi trenger for å oppfylle målet vårt:

• Vi trenger en HTML base der vi inkluderer to filer. Den første blir AngularJS og det andre er et egendefinert skript der behandlingslogikken vår vil gå.
• Innsiden av HTML du må definere blokken hvor AngularJS kommer til å ha innflytelse, det vil si hvor vi skal plassere etiketten ng-app.
• I vårt tilpassede skript må vi opprette en kontroller AngularJS å sende teksten til søknaden vår.

Når vi vet hva vi trenger, må vi bygge den tilsvarende koden, la oss se på bildet nedenfor hvordan vi har gjort det:

FORSTØRRE

Vi ser at vi har inkludert AngularJS fra Google CDN på denne måten trenger vi ikke å laste ned filene til prosjektet vårt for øyeblikket, så i stedet for å inkludere et egendefinert skript er det vi har gjort å skrive instruksjonene vi trenger, vi gjør dette som en demonstrasjon, det er alltid godt å skille kode slik at den er lettere å håndtere.
Allerede etiketten HTML har eiendommen ng-app som betyr at AngularJS har hele dokumentet som omfang og vi lager en div der vi plasserer en ng-kontrolleren som er en kontroller AngularJS.
ViktigAlt vår kontrollør vil gjøre er å skrive ut ordet Hallo ved siden av ordet Verden som vi allerede har skrevet tidligere, fremhever vi hvordan AngularJS trenger ikke noe mer enn at vi definerer kontekstvariabel og han lager automatisk de tilsvarende koblingene til oss.
La oss nå se hvordan alt dette ser ut i nettleseren, vi har åpnet firebug -konsoll for å vise hva som skjedde da vi startet søknaden vår:

FORSTØRRE

Vi kan da legge merke til hvordan AngularJS på tidspunktet for lasting av dokumentet du har plassert ordet Hallo i vår div og på denne måten vil programmet fungere.
Som vi ser har vi skapt vår Hei Verden og vi har forstått litt mer hvordan det fungerer AngularJS Og hva vi mener når vi snakker om at malen er i klienten, la oss forestille oss at ordet er data som kommer fra en webtjeneste, her ser vi hvordan det får en ny dimensjon siden vi kunne generere mer dynamikk i applikasjonene våre.
Tidligereside 1 av 2NesteLikte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng