AngularJS - Hej verden

Hej klassiske verden

Generelt, når vi lærer at bruge et nyt sprog, er det første, vi gør, at oprette et lille program, der udskriver det klassiske for os. "Hej Verden"Selvom dette måske ikke er til reel brug i en applikation, har det flere konsekvenser. Det lærer os at starte sproget og giver os en måde at kontrollere, at alt fungerer korrekt.
I dette afsnit vil vi se, hvordan man udfører en Hej Verden, yderligere at se og gennemgå tilknyttede koncepter, der giver os mulighed for at bygge applikationer ind VinkelJS.
I VinkelJS Skabelonen er på klientsiden, derfor når dataene vores applikation, og det er netop på dette område, at de er organiseret og forberedt til dets forbrug af brugeren; når du anvender dette koncept på en enkelt sider applikation og bruger AJAX vi vil være i stand til at opnå dynamik uden brug af brugeren til at genindlæse internettet, hvor de søger.
At udføre en enkel Hej Verden Og ved at kende ovenstående, lad os se, hvad vi har brug for for at opfylde vores mål:

• Vi har brug for en HTML base, hvor vi inkluderer to filer. Den første vil være VinkelJS og det andet er et brugerdefineret script, hvor vores behandlingslogik vil gå.
• Inde i HTML du skal definere blokken, hvor VinkelJS kommer til at have indflydelse, det vil sige, hvor vi skal placere etiketten ng-app.
• I vores brugerdefinerede script skal vi oprette en controller VinkelJS at videregive teksten til vores ansøgning.

Når vi ved, hvad vi har brug for, skal vi bygge den tilsvarende kode, lad os se i følgende billede, hvordan vi har gjort det:

FORSTØRRE

Vi ser, at vi har inkluderet VinkelJS fra Google CDN på denne måde behøver vi ikke downloade filerne til vores projekt i øjeblikket, så i stedet for at inkludere et brugerdefineret script er det, vi har gjort, at skrive de instruktioner, vi har brug for, vi gør dette som en demonstration, det er altid godt at adskille kode, så den er lettere at håndtere.
Allerede etiketten HTML har ejendommen ng-app hvilket betyder at VinkelJS har hele dokumentet som sit omfang, og vi laver en div, hvor vi placerer et ng-controller som er en controller VinkelJS.
VigtigAlt vores controller vil gøre er at udskrive ordet Hej ved siden af ​​ordet Verden som vi allerede har skrevet tidligere, fremhæver vi hvordan VinkelJS behøver ikke noget mere end det, vi definerer kontekstvariabel og han laver automatisk de tilsvarende links til os.
Lad os nu se, hvordan alt dette ser ud i browseren, vi har åbnet firebug -konsol for at vise, hvad der skete, da vi startede vores ansøgning:

FORSTØRRE

Vi kan derefter lægge mærke til hvordan VinkelJS på tidspunktet for indlæsning af dokumentet, har du placeret ordet Hej i vores div og på denne måde ville applikationen fungere.
Som vi ser, har vi skabt vores Hej Verden og vi har forstået lidt mere, hvordan det fungerer VinkelJS Og hvad vi mener, når vi taler om, at skabelonen er i klienten, lad os forestille os, at ordet er data, der kommer fra en webtjeneste, her ser vi, hvordan det får en ny dimension, da vi kunne generere mere dynamik i vores applikationer.
Tidligereside 1 af 2NæsteKan du lide og hjælpe denne vejledning?Du kan belønne forfatteren ved at trykke på denne knap for at give ham et positivt punkt