Latest web development tutorials

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

Nombre:

Apellido:


form = {{usuario}}

master = {{}} maestro


El código de aplicación

<Div ng-app = "myApp " ng-controller = "formCtrl">
<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>
<P> form = {{{ usuario}} </ p>
<P> master = {{{ 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 »
nota 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.