Forma angularjs
La forma AngularJS es una colección de controles de entrada.
Controles HTML
Los siguientes elementos de entrada HTML se llaman controles HTML:
elemento de entrada
Elemento de selección
elemento de botón
Elemento TextAREA
Forma html
Las formas HTML generalmente existen al mismo tiempo que los controles HTML.
Instancia de forma angularjs
Nombre de pila:
Apellido:
form = {"FirstName": "John", "LastName": "Doe"}
maestro = {"FirstName": "John", "LastName": "Doe"}
Código de aplicación:
<! Doctype html> <html> <fead> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <body> <div-dapp-app = "myapp" ng "ng" ng "ng-contrerler" <Forma Novalidate> Nombre: <br> <input type = "text" ng-model = "user.firstname"> <br> apellido: <br> <input type = "text" ng-model = "user.lastName"> <br> <br> <button ng-click = "rein = {{maestro}} </p> </div> <script> var app = angular.module ('myApp', []); app.controller ('formctrl', function ($ scope) {$ scope.master = {FirstName: "John", LastName: "doe"}; $ scope.reset = function () {$ scope angular.copy ($ scope.master);Resultados de ejecución:
Nombre de pila:
Apellido:
form = {"FirstName": "John", "LastName": "Doe"}
maestro = {"FirstName": "John", "LastName": "Doe"}
Nota: La propiedad Novalidate se agrega recientemente en HTML5. Verificación predeterminada deshabilitada usando el navegador.
Análisis de ejemplo
La Directiva NG-APP define las aplicaciones AngularJS.
La Directiva NG-Controller define el controlador de aplicación.
La Directiva NG-Model une dos elementos de entrada al objeto de usuario del modelo.
La función FormCTRL establece el valor inicial del objeto maestro y define el método RESET ().
El método RESET () establece el objeto de usuario igual al objeto maestro.
La directiva NG-CLICK llama al método RESET () y se llama cuando se hace clic en el botón.
La propiedad Novalidate no es necesaria en la aplicación, pero debe usarla en formularios AngularJS para anular la validación estándar de HTML5.
Lo anterior es una compilación de los materiales de forma angularjs, y continuaremos agregándolos más tarde. Espero que los estudiantes que puedan ayudar con la programación.