AngularJS -Form
AngularJS -Form ist eine Sammlung von Eingabesteuerungen.
HTML -Steuerelemente
Die folgenden HTML -Eingangselemente werden als HTML -Steuerelemente bezeichnet:
Eingabeelement
Element auswählen
Tastenelement
Textbereichselement
HTML -Form
HTML -Formen existieren normalerweise gleichzeitig mit HTML -Steuerelementen.
AngularJS -Forminstanz
Vorname:
Nachname:
Form = {"FirstName": "John", "LastName": "Doe"}
Master = {"FirstName": "John", "LastName": "Doe"}
Anwendungscode:
<! DocType html> <html> <kopf> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js" <form novalidate> First Name:<br> <input type="text" ng-model="user.firstName"><br> Last Name:<br> <input type="text" ng-model="user.lastName"> <br><br> <button ng-click="reset()">RESET</button> </form> <p>form = {{user }}</p> <p>master = {{master}} </p> </div> <skript> var app = angular.module ('myapp', []); App.Controller ('Formctrl', Funktion ($ scope) {$ scope.master = {erstername: "John", lastname: "doe"}; Angular.copy ($ scope.master);Auslaufergebnisse:
Vorname:
Nachname:
Form = {"FirstName": "John", "LastName": "Doe"}
Master = {"FirstName": "John", "LastName": "Doe"}
Hinweis: Die Novalidate -Eigenschaft ist in HTML5 neu hinzugefügt. Deaktivierte Standardverifizierung mit Browser.
Beispielanalyse
Die NG-App-Anweisung definiert AngularJS-Anwendungen.
Die NG-Controller-Anweisung definiert den Anwendungscontroller.
Die NG-Model-Anweisung bindet zwei Eingabeelemente an das Benutzerobjekt des Modells.
Die FormCtrl -Funktion legt den Anfangswert des Master -Objekts fest und definiert die Methode reset ().
Die Methode reset () legt das Benutzerobjekt gleich dem Master -Objekt fest.
Die NG-Klick-Direktive ruft die Methode reset () auf und wird aufgerufen, wenn die Schaltfläche klickt.
Die Novalidate -Eigenschaft ist in der Anwendung nicht erforderlich. Sie müssen sie jedoch in AngularJS -Formularen verwenden, um die HTML5 -Validierung von Standard -HTML5 zu überschreiben.
Das obige ist eine Zusammenstellung von AngularJs -Formmaterialien, und wir werden sie später weiter hinzufügen. Ich hoffe, dass Schüler, die beim Programmieren helfen können.