„AngularJS“ - įvestys formose

Formos duomenų valdymas

Žiniatinklio programose natūraliausias būdas gauti naudotojo duomenis yra naudojant formas, su jomis galime sukurti tekstą fiksuojančius elementus arba paprastus patvirtinimus, pvz., Žymimuosius laukelius, tačiau visa tai galima išversti kaip vartotojo duomenis, su jais galime apdoroti skirtingai.
In KampinisJS Darbas su šiomis duomenų įvestimis yra labai paprastas, nes dėl bibliotekos kūrimo būdo dalį šių duomenų, kuriuos gauname, galime paversti veiksmais savo programoje, kad galėtume atlikti skaičiavimus arba apibrėžti jų elgesį.
Šiame skyriuje pamatysime šiek tiek daugiau apie tai, kaip tvarkyti įvestį formose naudojant „AngularJS“.
Kaip tai veikia?Tai, kaip mes galime sukurti sąjungą tarp įvesties elementų ir mūsų logikos KampinisJS yra labai paprasta, mes turime naudotis nuosavybe ng modelis ir viskas užims tam tikrus santykius, todėl galima manipuliuoti verte to, ką įvedame forma KampinisJS, tai gali būti taikoma įvesti tekstą, radijo mygtukus, žymimąjį laukelį ir kt.
Toliau pažiūrėkime nedidelį pavyzdį, ką paaiškiname:

Čia atsitinka, kad tai yra taikymo sritis Mūsų valdytojas galime manipuliuoti tuo, ką vartotojas daro žymeklio žymimasis laukelis, tada, jei vartotojas pažymės, mes iškart gausime žymeklis kaip tiesa ir jei panaikinsite žymėjimą, gausime priešingą atsakymą.
Mes galime eiti šiek tiek toliau ir galime įsitraukti Mūsų valdytojas kad žymeklis yra pažymėtas pagal numatytuosius nustatymus, tada, kai vartotojas pirmą kartą pamato puslapį, žymimasis laukelis bus pažymėtas.
Pridėti veiksmus
Tačiau ne tik fiksuodami duomenis, kuriuos turime pasilikti, mes galime ir turime įtraukti veiksmus, kai tik gauname informaciją. KampinisJS Galime iškviesti funkcijas ir metodus, kurie vykdomi mūsų įvesties elemento atveju, pavyzdžiui, mes padarysime nedidelę skaičiuoklę, pagal kurią bus imamasi investicijų sąmatos, kad padarytume įsipareigojimą. Mes padarysime gautą vertę padauginę iš 10, matyti:
1- Pirmiausia turime nustatyti HTML elementus, kuriuos naudosime, kaip ir ankstesniame pavyzdyje, kuriame valdiklį ir įvestis bus mūsų modelio dalis:

DIDELIS

2- Matome, kad pristatėme naują turtą ng-keitimas ir mes priskyrėme skambutį funkcijai, vadinamai calculoInversion () Tai reiškia, kad kiekvieną kartą, kai pasikeis mūsų įvesties laukas, funkcija bus iškviesta, kaip matome, tai yra kažkas labai paprasto.
3- Dabar mes sukursime kodą KampinisJS tai atgaivins tai, ką matėme:

4- Mes sukuriame tinkamą valdiklį, tada nurodome pradinę modelio vertę, šiuo atveju prilyginame ją 0, tai apima abu elementus Numatomas pradinis Ką būtinas, tada mes sukuriame funkciją calculoInversion () Matome, kad tai darome vadinamajame savo valdiklio apimtyje, tokiu būdu jis yra susietas su mūsų elementu. Tokiu būdu mūsų programa turėtų veikti pagrindiniu lygiu.
Žinoma, šiame pavyzdyje trūksta kelių patvirtinimų ir į jį atsižvelgiama tik tada, kai vartotojas keičia įvesties teksto vertę, tačiau jis naudojamas kaip įvadas, įtraukiantis veiksmus į mūsų programas, parašytas su KampinisJS.
Ankstesnispuslapis 1 iš 2Kitas