AngularJS directiva ng-modelo

de instrucciones ng-modelo se utiliza para enlazar los datos de aplicación al controlador de valor HTML (input, select, textarea) de.

Directiva ng-modelo

ng-model directiva puede introducir valores de las variables y los enlaces de dominio creado AngularJS.

AngularJS ejemplos

<Div ng-app = "myApp " ng-controller = "myCtrl">
Nombre: <input-ng modelo = " nombre">
</ Div>

<Script>
var app = angular.module ( 'myApp', []);
app.controller ( 'myCtrl', function ($ ámbito de aplicación) {
$ Scope.name = "John Doe";
});
</ Script>

Trate »

de manera vinculante

De dos vías de unión, cuando se modifica el valor del campo de entrada, el valor de la propiedad será también de la opinión AngularJS:

AngularJS ejemplos

<Div ng-app = "myApp " ng-controller = "myCtrl">
Nombre: <input-ng modelo = " nombre">
<H1> se entra: {{nombre}} </ h1>
</ Div>

Trate »

Validar la entrada del usuario

AngularJS ejemplos

<Forma ng-app = "" name = "myForm">
e-mail:
<Input type = "email" nombre = "MiDirección" ng-modelo = "text">
<Span ng-show = "myForm.myAddress . $ Error.email"> no es una dirección válida de correo electrónico </ span>
</ Form>

Trate »

El ejemplo anterior, el mensaje en el ng-show propiedad devuelve true vitrina.

estado de la aplicación

ng-model Directiva establece el valor de estado (no válido, sucio, tocado, de error ) para los datos de aplicación:

AngularJS ejemplos

<Forma ng-app = "" name = "myForm" ng-init = "myText = '[email protected]'">
e-mail:
<Entrada type = "email" nombre = ng-modelo "MiDirección" = "myText" required> </ p>
<H1> Estado </ h1>
{{MyForm.myAddress. $ Válida}}
{{MyForm.myAddress. $ Sucia}}
{{MyForm.myAddress. $ Tocó}}
</ Form>

Trate »