Verwandte Lesungen:
AngularJS Einführungsdauer: AngularJS -Ausdrücke
AngularJS Einführungsdurchführungsgeschäft: AngularJS -Richtlinie
Im vorherigen Tutorial über Ausdrücke und Richtlinien ist erfahren, dass das AngularJS-Modell (NG-Model) Werte in HTML-Eingangsfeldern an Variablen binden kann, die durch AngularJs erstellt wurden.
<! DocType html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <body> <body> <body> <body> <body> <body> <body> <body> <div-ng-App = "" ng-nit = "ng- <Eingabe ng-model = "name"> </div> </body> </html>
Die bidirektionale Bindung angularJS Bidirektionale Bindung bezieht sich auf die Bindung von NG-Modell an die Eingangsdomäne von HTML und auch an die Attribute von AngularJs. Wenn sich der Wert der Eingabedomäne ändert, ändert sich daher auch die Attributwerte von AngularJs.
<! DocType html> <html> <kopf> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js" ng-controller = "myctrl"> name: <input ng-model = "name"> <h1> Sie haben eingegeben: {{name}} </h1> </div> <script> var app = angular.module ('myapp', []); Snow ";}); </script> <p> Ändern Sie den Wert des Eingabefelds, und der Titelname wird ebenfalls entsprechend geändert. </p> </body> </html>Die NG-Model-Anweisung des Anwendungsstatus kann Statuswerte für Anwendungsdaten bereitstellen.
Schmutzig, wenn die Daten geändert werden, ist der Status wahr und wurde nicht auf false geändert. Auch wenn er an den ursprünglichen Wert geändert wird, ist es wahr.
Gültig Der Eingabwert ist wahr, wenn er legal ist, und falsch, wenn er nicht legal ist.
berührt vom Touchscreen, das als wahr klickt, ohne als falsch zu berühren.
Wenden Sie CSS -Stile gemäß dem Status an
<!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script></head><body><style>input.ng-invalid {background-color: Lightblue;} </style> <body> <Formular ng-App = "" name = "myForm"> Geben Sie Ihren Namen ein: <Eingabe name = "myaddress" ng-model = "text" erforderlich> </Form> </body> </html>Das Eingangsfeld fügt den erforderlichen Zustand hinzu. Wenn im Eingangsfeld keine Eingabe vorhanden ist, fügt das NG-Modell den NG-Invalid-Stil zum Eingangsfeld hinzu. Andernfalls entfernen Sie den NG-Invalid-Stil. Die NG-Model-Richtlinie fügt die folgenden Stile nach dem Status des Formularfelds hinzu:-Ng-Tempy-Ng-Not-Treppy-Ng-Touched-Ng-Otouched-Ng-Valid-ng-invalid-ng-dirty-ng-pendel-ng-pristine negieren ng-modell, um das Mailbox-Format zu nutzen, um das Mailbox-Format zu verhindern, um das Postbox-Format zu verhindern, um das Mailbox-Format zu verhindern, um das Postfach-Format zu verhindern.
<! DocType html> <html> <Head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <body> <body> <body> <body> <body> <body> <body> <body> <body> <body> name = "myaddress" ng-model = "text"> <span ng-show = "myform.myaddress.
Wenn das Attribut myForm.myAddress. $ Error.Email true ist (das Mailbox-Format ist falsch), steuert NG-Show die Anzeige des Span-Inhalts.
Der obige Inhalt ist das AngularJS -Modell, das der Editor Ihnen vom AngularJS -Einführungs -Tutorial vorgestellt hat. Ich hoffe, es wird für alle hilfreich sein!