АнгуларЈС - Уноси у обрасцима

Управљање подацима образаца

У веб апликацијама најприроднији начин за добијање корисничких података је путем образаца, помоћу њих можемо створити елементе који хватају текст или једноставне потврде попут потврдних оквира, али све се то може превести као кориснички подаци, помоћу њих можемо вршити различиту обраду.
Ин АнгуларЈС Рад са овим улазима података је врло једноставан, јер због начина на који је библиотека дизајнирана, можемо претворити део ових података које примамо у радње у нашој апликацији, било да направимо прорачуне или да дефинишемо њено понашање.
У овом одељку видећемо нешто више о томе како да рукујемо уносом у обрасце помоћу АнгуларЈС -а.
Како то функционише?Начин на који можемо направити унију између улазних елемената и наше логике у АнгуларЈС је врло једноставно, морамо користити имовину нг-модел и све ће имати неку врсту односа, тако да се може манипулисати вредношћу онога што уносимо кроз форму АнгуларЈС, ово се може односити на унос текста, радио дугмад, поље за потврду итд.
Погледајмо испод мали пример онога што објашњавамо:

Оно што се овде дешава је да у оквиру Наш контролор можемо манипулисати оним што корисник ради у маркер поље за потврду, онда ако га корисник означи, одмах ћемо примити маркер као истинито и ако га поништите, имаћемо супротан одговор.
Можемо ићи мало даље и можемо ући Наш контролор то маркер је подразумевано означено, а затим када корисник први пут види страницу, поље за потврду ће бити означено.
Додајте радње
Али не само у хватању података које морамо остати, можемо и морамо укључити радње када примимо уносе, у АнгуларЈС Можемо позвати функције и методе које се извршавају у случају нашег улазног елемента, на пример направићемо мали калкулатор који узима процену улагања за предузимање, оно што ћемо учинити је да примљену вредност помножимо са 10, хајде да види:
1- Прво морамо успоставити ХТМЛ елементе које ћемо користити, јер ћемо у претходном примеру створити контролер и улаз ће бити део нашег модела:

ЕНЛАРГЕ

2- Видимо да смо увели нову некретнину нг-цханге а позив смо доделили функцији која се зове цалцулоИнверсион () То значи да ће се функција сваки пут кад се промени поље за унос позвати, као што видимо, то је нешто врло једноставно.
3- Сада ћемо изградити код помоћу АнгуларЈС то ће оживети оно што смо видели:

4- Правимо одговарајући контролер, затим означавамо почетну вредност модела, у овом случају изједначујемо га са 0, ово укључује оба елемента Процењено почетно Шта неопходно, онда креирамо функцију цалцулоИнверсион () Видимо да то радимо у такозваном опсегу нашег контролера, на овај начин је повезан са нашим елементом. С овим би наша апликација требала радити на основном нивоу.
Наравно да овом примјеру недостаје неколико провјера ваљаности и узима се у обзир само када корисник промијени вриједност унесеног текста, али служи као увод за укључивање радњи у наше апликације написане са АнгуларЈС.
Претходнастраница 1 од 2Следећи