AngularJS ng-Modell Richtlinie

ng-Modell Anweisung wird verwendet, um Anwendungsdaten zu HTML-Wert-Controller binden (input, select, TextArea-) aus.

ng-Modell Richtlinie

ng-model Direktive kann Variablenwerte und AngularJS Domäne erstellt Bindungen ein.

AngularJS Beispiele

<Div ng-app = "myApp " ng-Controller = "myCtrl">
Name: <input ng-Modell = " name">
</ Div>

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

Versuchen »

Way Bindung

Zwei-Wege-Bindung, wenn Sie den Wert des Eingabefeldes ändern, wird der Wert der Immobilie wird auch AngularJS Bewertung sein:

AngularJS Beispiele

<Div ng-app = "myApp " ng-Controller = "myCtrl">
Name: <input ng-Modell = " name">
<H1> Sie Folgendes eingeben: {{name}} </ h1>
</ Div>

Versuchen »

Benutzereingabe prüfen

AngularJS Beispiele

<Form ng-app = "" name = "myForm">
E-Mail:
<Input type = "E - Mail" name = "myAddress" ng-Modell = "text">
<Span ng-show = "myForm.myAddress . $ Error.email"> ist keine gültige E - Mail - Adresse </ span>
</ Form>

Versuchen »

Das obige Beispiel, wird die Meldung in der ng-show - Eigenschaft gibt true Vitrine.

Anwendungsstatus

ng-model Richtlinie sieht Statuswert (ungültig, schmutzig, berührt, Fehler ) für die Anwendungsdaten:

AngularJS Beispiele

<Form ng-app = "" name = "myForm" ng-init = "myText = '[email protected]'">
E-Mail:
<Input type = "E - Mail" name = "myAddress" ng-Modell = "myText" erforderlich> </ p>
<H1> Status </ h1>
{{MyForm.myAddress. $ Gültig}}
{{MyForm.myAddress. $ Schmutzig}}
{{MyForm.myAddress. $ Berührt}}
</ Form>

Versuchen »