Управление данными форм
В веб-приложениях наиболее естественным способом получения пользовательских данных являются формы, с помощью которых мы можем создавать элементы, которые фиксируют текст или простые подтверждения, такие как флажки, но все это можно перевести как пользовательские данные, с помощью которых мы можем сделать Разные преследования
В AngularJS работать с этими входными данными очень просто, так как при разработке библиотеки мы можем преобразовать часть этих данных, которые мы получаем, в действия в нашем приложении, либо для расчетов, либо для определения ее поведения.
В этом разделе мы увидим немного больше о том, как обрабатывать записи данных в формах, использующих AngularJS.
Как это работает
Способ, которым мы можем сделать объединение между входными элементами и нашей логикой в AngularJS, очень прост, нам нужно использовать свойство ng-model, и все будет принимать некое отношение, поэтому значение того, что мы вводим для формы, может быть манипулировать в AngularJS, это может быть применено для ввода текста, переключателей, флажков и т. д.
Давайте посмотрим ниже небольшой пример того, что мы объясняем:
Здесь происходит то, что в рамках нашего контроллера мы можем манипулировать тем, что пользователь делает в маркере флажка, затем, если пользователь пометит его, мы сразу получим маркер как истинный, и если его не отметить, мы получим противоположный ответ.
Мы можем пойти немного дальше и установить в Нашем контроллере, какой маркер помечен по умолчанию, поэтому, когда пользователь впервые увидит страницу, флажок будет отмечен.
Добавить действия
Но не только для сбора данных, которые мы должны хранить, мы можем и нам нужно включать действия, как только мы получим входные данные, в AngularJS мы можем вызывать функции и методы, которые выполняются в случае нашего элемента ввода, например, мы сделаем небольшой калькулятор, который вынимает инвестиционная оценка, чтобы сделать предприятие, что мы сделаем, умножим на 10 полученную стоимость, давайте посмотрим:
1- Сначала мы должны установить элементы HTML, которые мы будем использовать, как в предыдущем примере, мы создадим контроллер, и входные данные будут частью нашей модели :
2. Мы видим, что мы ввели новое свойство ng-change и мы назначили вызов функции с именем Inversion вычисления (). Это означает, что каждый раз, когда наше поле ввода изменяется, функция вызывается, поскольку мы видим, что это что-то очень простой.
3- Теперь мы собираемся создать код с AngularJS, который воплотит в жизнь то, что мы видели:
4- Мы строим соответствующий контроллер, затем указываем начальное значение для модели, в этом случае мы устанавливаем его равным 0, это включает оба элемента, как оцененные Initial и необходимые, затем мы создаем функцию вычисленияInInsion (), мы видим, что мы делаем это в так называемой области нашего контроллер, таким образом, он связан с нашим элементом. Уже с этим наше приложение должно работать на базовом уровне.
Конечно, в этом примере пропущено несколько проверок, и он учитывается только тогда, когда пользователь изменяет значение входного текста, но он служит введением для включения действий в наши приложения, написанные на AngularJS .
предыдущий
Страница 1 из 2
после
СТАТЬИ