AngularJS forma
AngularJS entrada de formulario controla colección.
controles HTML
Los siguientes elementos de entrada HTML se denominan controles HTML:
- elemento de entrada
- elementos seleccionados
- elemento de botón
- elemento de área de texto
formulario HTML
controles HTML y formularios HTML a menudo coexisten.
AngularJS instancia de formulario
form = {{usuario}}
master = {{}} maestro
El código de aplicación
<Forma novalidate>
Nombre: <br>
<Input type = "text" ng -model = "user.firstName"> <br>
Apellido: <br>
<Input type = "text" ng -model = "user.lastName">
<br>
<Botón ng clic = "reset ()"> RESET </ botón>
</ Form>
usuario}} </ p>
principal}} </ p>
</ Div>
<Script>
var app = angular.module ( 'myApp', []);
app.controller ( 'formCtrl', function ($ ámbito de aplicación) {
$ Scope.master = {firstName: "John", lastName: "Doe"};
$ Scope.reset = function () {
$ Scope.user = angular.copy ($ scope.master);
};
$ Scope.reset ();
});
</ Script>
Trate »
novalidate atributo es nuevo en HTML5 en. Desactivar la autenticación por defecto utiliza el navegador. |
Ejemplos de analítica
Directiva ng aplicación define aplicaciones AngularJS.
Directiva ng-controlador define el controlador de la aplicación.
Directiva ng-modelo se unen los dos elementos de entrada para el modelo de objetos de usuario.
formCtrl función establece el valor inicial del objeto principal, y define el método de reset ().
reset () método establece el objeto de usuario es igual al objeto maestro.
método de comando llamado reset () ng clic, y se hace clic en el botón de llamada.
novalidate propiedad en la solicitud no es necesario, pero hay que usar AngularJS forma, para volver a escribir la validación HTML5 estándar.