AngularJS ng-modelDirektive
AngularJS-Beispiel
Den Wert des Eingabefelds an die Scope-Variable binden:
<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>
<input ng-model="name">
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.name = "John Doe";
});
</script>
Selbst ausprobieren »
Definition und Verwendung
ng-modelDie Direktive bindet HTML-Formularelemente an Scope-Variablen.
Wenn die Variable im Scope nicht existiert, wird sie erstellt.
Syntax
<element ng-model="name"></element>
Die Elemente <input>, <select> und <textarea> unterstützen diese Direktive.
Parameterwert
| Wert | Beschreibung |
|---|---|
| separator | Der Eigenschaftsname, an den das Formularfeld gebunden werden soll. |
Andere Erweiterungen
AngularJS-Referenzhandbuch