AngularJS форма
AngularJS форма ввода управляет коллекцией.
элементы управления HTML
Следующие элементы ввода HTML называются элементы управления HTML:
- входной элемент
- выберите элементы
- кнопка элемента
- TextArea элемент
форма HTML
HTML элементы управления и HTML-формы часто сосуществуют.
AngularJS экземпляр формы
форма = {{}} пользователь
мастер = {{мастер}}
код приложения
<Форма NOVALIDATE>
Имя: <br>
<Тип входного = "текст" нг -моделью = "user.firstName"> <br>
Фамилия: <br>
<Тип входного = "текст" нг -моделью = "user.lastName">
<br> <br>
<Кнопка нг-клик = "сброс ()"> СБРОС </ Кнопка>
</ Форма>
пользователь}} </ p>
мастер}} </ p>
</ Div>
<Script>
вар приложение = angular.module ( 'MYAPP', []);
app.controller ( 'formCtrl', функция ($ сфера) {
$ Scope.master = {FirstName: "Джон", LastName: "Doe"};
$ Scope.reset = функция () {
$ Scope.user = angular.copy ($ scope.master);
};
$ Scope.reset ();
});
</ Script>
Попробуйте »
NOVALIDATE атрибут является новым в HTML5 в. Отключение проверки подлинности по умолчанию используется браузер. |
Примеры аналитических
Директива нг-приложение определяет AngularJS приложений.
Директива нг-контроллер определяет контроллер приложения.
Директива нг-модель связывания двух входных элементов в модели объекта пользователя.
formCtrl функция устанавливает начальное значение главного объекта, и определяет метод сброса ().
сброс () задает объект пользователя равен мастер - объекта.
нг кнопкой мыши командный метод называется Reset (), а кнопка вызова нажата.
NOVALIDATE недвижимость в заявке, не является необходимым, но вам нужно использовать AngularJS форму, для перезаписи стандартной проверки HTML5.