ng-modelDiretiva AngularJS


Exemplo

Vincule o valor de um campo de entrada a uma variável no escopo:

<div ng-app="myApp" ng-controller="myCtrl">
    <input ng-model="name">
</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.name = "John Doe";
});
</script>

Definição e uso

A ng-modeldiretiva vincula um elemento de formulário HTML a uma variável no escopo.

Se a variável não existir no escopo, ela será criada.


Sintaxe

<element ng-model="name"></element>

Suportado pelos elementos <input>, <select> e <textarea>.


Valores de parâmetro

Value Description
name The name of the property you want to bind to the form field.

Páginas relacionadas

Tutorial Angular: Diretiva Modelo