AngularJS - Sveika pasaule

Satura rādītājs

Labdien, klasiskā pasaule


Parasti, kad mēs mācāmies lietot jaunu valodu, pirmā lieta, ko mēs darām, ir izveidot nelielu programmu, kas mums izdrukā klasisko. "Sveika pasaule"Lai gan tas var nebūt reāli noderīgs lietojumprogrammā, tam ir vairākas sekas. Tas māca mums sākt valodu un dod iespēju pārbaudīt, vai viss darbojas pareizi.
Šajā sadaļā mēs redzēsim, kā veikt a Sveika pasaule, papildus apskatot un pārskatot saistītās koncepcijas, kas ļauj mums izveidot lietojumprogrammas AngularJS.
In AngularJS Veidne atrodas klienta pusē, tāpēc dati sasniedz mūsu lietojumprogrammu, un tieši šajā jomā lietotājs tos organizē un sagatavo lietošanai; piemērojot šo koncepciju vienas lapas lietojumprogrammai un izmantojot AJAX mēs varēsim sasniegt dinamismu bez nepieciešamības lietotājam pārlādēt tīmekli, kur viņš pārlūko.
Lai veiktu vienkāršu Sveika pasaule Un, zinot iepriekš minēto, redzēsim, kas mums nepieciešams, lai sasniegtu mūsu mērķi:
  • Mums vajag a HTML bāze, kurā mēs iekļaujam divus failus. Pirmais būs AngularJS un otrais ir pielāgots skripts, kurā iet mūsu apstrādes loģika.
  • Iekšpusē HTML jums ir jānosaka bloks, kur AngularJS būs ietekme, tas ir, kur mēs ievietosim etiķeti ng-lietotne.
  • Mūsu pielāgotajā skriptā mums ir jāizveido kontrolieris AngularJS nodot tekstu mūsu lietojumprogrammai.
Kad mēs zinām, kas mums nepieciešams, mums ir jāizveido atbilstošais kods, redzēsim nākamajā attēlā, kā mēs to esam paveikuši:

PALIELINĀT

Mēs redzam, ka esam iekļāvuši AngularJS no Google CDN šādā veidā mums šobrīd nav jālejupielādē faili mūsu projektam, tad tā vietā, lai iekļautu pielāgotu skriptu, mēs esam uzrakstījuši nepieciešamās instrukcijas, mēs to darām kā demonstrāciju, vienmēr ir labi nošķirt kodu, lai to būtu vieglāk apstrādāt.
Jau etiķete HTML ir īpašums ng-lietotne kas nozīmē, ka AngularJS darbības joma ir viss dokuments, un mēs izveidojam div, kur ievietojam a ng-kontrolieris kas ir kontrolieris AngularJS.
SvarīgsViss, ko mūsu kontrolieris darīs, ir izdrukāt vārdu Sveiki blakus vārdam Pasaule ko mēs jau esam rakstījuši, mēs uzsveram, kā AngularJS nav nepieciešams nekas vairāk kā tas, ka mēs definējam konteksta mainīgais un viņš automātiski izveido attiecīgās saites uz mums.
Tagad redzēsim, kā tas viss izskatās pārlūkprogrammā, mēs esam atvēruši firebug konsole lai parādītu, kas notika, kad sākām savu pieteikumu:

PALIELINĀT

Tad mēs varam pamanīt, kā AngularJS dokumenta ielādes laikā esat ievietojis vārdu Sveiki mūsu div un šādā veidā lietojumprogramma darbotos.
Kā redzam, esam radījuši savu Sveika pasaule un mēs esam mazliet vairāk sapratuši, kā tas darbojas AngularJS Un ko mēs domājam, runājot par to, ka veidne atrodas klientā, iedomāsimies, ka vārds ir dati, kas nāk no tīmekļa pakalpojuma, šeit mēs redzam, kā tas iegūst jaunu dimensiju, jo mēs varētu radīt lielāku dinamiku mūsu lietojumprogrammās.
Iepriekšējais1 lapa no 2NākamaisVai jums patika šī apmācība un palīdzējāt tai?Jūs varat apbalvot autoru, nospiežot šo pogu, lai sniegtu viņam pozitīvu punktu
wave wave wave wave wave