Forme angularjs
La forme AngularJS est une collection de contrôles d'entrée.
Contrôles HTML
Les éléments d'entrée HTML suivants sont appelés commandes HTML:
élément d'entrée
Sélectionner l'élément
élément boutonné
élément textarea
Formulaire HTML
Les formes HTML existent généralement en même temps que les contrôles HTML.
Instance de formulaire angularjs
Prénom:
Nom de famille:
form = {"FirstName": "John", "LastName": "Doe"}
Master = {"FirstName": "John", "LastName": "Doe"}
Code d'application:
<! Doctype html> <html> <éadf> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </-head> <corps <formulaire novalidate> prénom: <br> <input type = "text" ng-model = "user.firstname"> <br> nom de famille: <br> <put type = "text" ng-model = "user.lastName"> <br> <br> <Button ng-Click = "reset ()"> réset </ bouton> <p> Master = {{Master}} </p> </div> <script> var app = angules Angular.copy ($ scope.master);};Résultats en cours:
Prénom:
Nom de famille:
form = {"FirstName": "John", "LastName": "Doe"}
Master = {"FirstName": "John", "LastName": "Doe"}
Remarque: La propriété Novalidate est nouvellement ajoutée dans HTML5. Vérification par défaut désactivée à l'aide du navigateur.
Exemple d'analyse
La directive NG-APP définit les applications AngularJS.
La directive NG-contrôleur définit le contrôleur d'application.
La directive du modèle NG lie deux éléments d'entrée à l'objet utilisateur du modèle.
La fonction FormCtrl définit la valeur initiale de l'objet maître et définit la méthode reset ().
La méthode reset () définit l'objet utilisateur égal à l'objet maître.
La directive NG-Click appelle la méthode Reset () et est appelée lorsque le bouton est cliqué.
La propriété Novalidate n'est pas nécessaire dans l'application, mais vous devez l'utiliser dans des formulaires AngularJS pour remplacer la validation standard HTML5 standard.
Ce qui précède est une compilation des matériaux de forme angularjs, et nous continuerons de les ajouter plus tard. J'espère que les étudiants qui pourront aider à la programmation.