AngularJS - Hej världen

Hej klassiska världen

Generellt när vi lär oss att använda ett nytt språk är det första vi gör att skapa ett litet program som skriver ut det klassiska för oss. "Hej världen"Även om detta kanske inte är verkligt användbart i en applikation, har det flera konsekvenser. Det lär oss att starta språket och ger oss ett sätt att kontrollera att allt fungerar korrekt.
I det här avsnittet kommer vi att se hur man utför en Hej världen, dessutom titta på och granska associerade koncept som gör att vi kan bygga in applikationer AngularJS.
I AngularJS Mallen ligger på klientsidan, därför når uppgif.webpterna vår applikation och det är just inom detta område som den organiseras och förbereds för dess konsumtion av användaren; när du tillämpar detta koncept på en enda sida och använder AJAX vi kommer att kunna uppnå dynamik utan att användaren behöver ladda om webben där de surfar.
Att utföra en enkel Hej världen Och med vetskapen om ovanstående, låt oss se vad vi behöver för att uppfylla vårt mål:

• Vi behöver en HTML bas där vi inkluderar två filer. Den första blir AngularJS och det andra är ett anpassat skript där vår bearbetningslogik kommer att gå.
• Insidan av HTML du måste definiera blocket var AngularJS kommer att ha inflytande, det vill säga där vi ska placera etiketten ng-app.
• I vårt anpassade skript måste vi skapa en controller AngularJS för att skicka texten till vår ansökan.

När vi vet vad vi behöver måste vi bygga motsvarande kod, låt oss se i följande bild hur vi har gjort det:

FÖRSTORA

Vi ser att vi har inkluderat AngularJS från Google CDN på det här sättet behöver vi inte ladda ner filerna till vårt projekt för tillfället, då istället för att inkludera ett anpassat manus är det vi har gjort att skriva instruktionerna vi behöver, vi gör detta som en demonstration, det är alltid bra att separera kod så att den är lättare att hantera.
Redan etiketten HTML har fastigheten ng-app vilket innebär att AngularJS har hela dokumentet som dess omfattning och vi gör en div där vi placerar en ng-controller som är en controller AngularJS.
ViktigAllt vår controller kommer att göra är att skriva ut ordet Hallå bredvid ordet Värld som vi redan har skrivit tidigare, lyfter vi fram hur AngularJS behöver inget mer än att vi definierar kontextvariabel och han gör automatiskt motsvarande länkar till oss.
Låt oss nu se hur allt detta ser ut i webbläsaren, vi har öppnat brandkonsol för att visa vad som hände när vi startade vår ansökan:

FÖRSTORA

Vi kan då märka hur AngularJS när du läser in dokumentet har du placerat ordet Hallå i vår div och på så sätt skulle applikationen fungera.
Som vi ser har vi skapat vår Hej världen och vi har förstått lite mer hur det fungerar AngularJS Och vad vi menar när vi pratar om att mallen finns i klienten, låt oss föreställa oss att ordet är data som kommer från en webbtjänst, här ser vi hur det får en ny dimension eftersom vi kunde generera mer dynamik i våra applikationer.
Tidigaresida 1 av 2NästaGillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng