ng-modelDirective AngularJS


Exemple

Liez la valeur d'un champ d'entrée à une variable dans la portée :

<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>

Définition et utilisation

La ng-modeldirective lie un élément de formulaire HTML à une variable dans la portée.

Si la variable n'existe pas dans la portée, elle sera créée.


Syntaxe

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

Pris en charge par les éléments <input>, <select> et <textarea>.


Valeurs des paramètres

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

Pages associées

Tutoriel angulaire : modèle de directive