Лучшее руководство по AngularJS форма в 2024 году. В этом руководстве вы можете изучить элементы управления HTML,форма HTML,AngularJS экземпляр формы,код приложения,Примеры аналитических,

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.