AngularJs форма
AngularJS Form - это набор входных элементов управления.
Управление HTML
Следующие входные элементы HTML называются управлениями HTML:
входной элемент
Выберите элемент
Кнопка элемента
Textarea Element
HTML -форма
Формы HTML обычно существуют в то же время, что и управления HTML.
Angularjs образуют экземпляр
Имя:
Фамилия:
form = {"FirstName": "John", "lastname": "doe"}
Master = {"FirstName": "John", "Lastname": "doe"}
Код приложения:
<! Doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <body> <div ng-pp = "myapp" ng-controller="formCtrl"> <form novalidate> First Name:<br> <input type="text" ng-model="user.firstName"><br> Last Name:<br> <input type="text" ng-model="user.lastName"> <br><br> <button ng-click="reset()">RESET</button> </form> <p>form = {{user}} </p> <p> master = {{master}} </p> </div> <script> var app = angular.module ('myApp', []); app.controller ('formctrl', function ($ scope) {$ scope.master = {firstname: "johlctrl ', lastnam function () {$ scope.user = angular.cope ($ scope.master);Результаты работы:
Имя:
Фамилия:
form = {"FirstName": "John", "lastname": "doe"}
Master = {"FirstName": "John", "Lastname": "doe"}
Примечание. Собственность Novalidate вновь добавлена в HTML5. Отключена проверка по умолчанию с использованием браузера.
Пример анализа
Директива NG-APP определяет приложения AngularJS.
Директива NG-Controller определяет контроллер приложения.
Директива NG-модели связывает два входных элемента с пользовательским объектом модели.
Функция FormCtrl устанавливает начальное значение основного объекта и определяет метод Reset ().
Метод Reset () устанавливает объект пользователя, равным мастер -объекту.
Директива NG-клика вызывает метод сброса () и вызывается при нажатии кнопки.
Свойство Novalidate не требуется в приложении, но вам необходимо использовать его в формах AngularJS для переоценки стандартной проверки HTML5.
Выше приведено сборник материалов AngularJS, и мы будем продолжать добавлять их позже. Я надеюсь, что студенты, которые могут помочь с программированием.