Latest web development tutorials

AngularJS форма


AngularJS форма ввода управляет коллекцией.


элементы управления HTML

Следующие элементы ввода HTML называются элементы управления HTML:

  • входной элемент
  • выберите элементы
  • кнопка элемента
  • TextArea элемент

форма HTML

HTML элементы управления и HTML-формы часто сосуществуют.


AngularJS экземпляр формы

Имя:

Фамилия:


форма = {{}} пользователь

мастер = {{мастер}}


код приложения

<Div нг-приложение = "MyApp " нг-контроллер = "formCtrl">
<Форма NOVALIDATE>
Имя: <br>
<Тип входного = "текст" нг -моделью = "user.firstName"> <br>
Фамилия: <br>
<Тип входного = "текст" нг -моделью = "user.lastName">
<br> <br>
<Кнопка нг-клик = "сброс ()"> СБРОС </ Кнопка>
</ Форма>
<P> форма = {{{ пользователь}} </ p>
<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.