AngularJS forme
AngularJS forme entrée contrôle collection.
contrôles HTML
Les éléments d'entrée HTML suivants sont appelés contrôles HTML:
- élément d'entrée
- sélectionnez les éléments
- élément de bouton
- élément textarea
formulaire HTML
contrôles HTML et les formulaires HTML coexistent souvent.
AngularJS instance de formulaire
form = {{user}}
master = {{maître}}
Le code d'application
<Form novalidate>
Prénom: <br>
<Input type = "text" ng -modèle = "user.firstName"> <br>
Nom: <br>
<Input type = "text" ng -modèle = "user.lastName">
<br>
<Bouton ng-cliquez sur = "reset ()"> RAZ </ button>
</ Form>
user}} </ p>
maître}} </ p>
</ Div>
<Script>
var app = angular.module ( 'myApp', []);
app.controller ( 'formCtrl', function ($ portée) {
$ Scope.master = {firstName: "John", lastName: "Doe"};
$ Scope.reset = function () {
$ Scope.user = angular.copy ($ scope.master);
};
$ Scope.reset ();
});
</ Script>
Essayez »
 | attribut novalidate est nouveau en HTML5 dans. authentification par défaut Disable utilise le navigateur. |
|---|
Des exemples d'analyses
directive ng-app définit les applications AngularJS.
directive ng-contrôleur définit le contrôleur d'application.
directive ng-modèle lie les deux éléments entrée du modèle d'objet utilisateur.
fonction formCtrl définit la valeur initiale de l'objet maître, et définit la méthode reset ().
méthode reset () définit l'objet de l' utilisateur est égal à l'objet maître.
ng-cliquez sur la méthode de commande appelé reset () et le bouton d'appel est cliqué.
propriété novalidate dans l'application est pas nécessaire, mais vous devez utiliser AngularJS forme, pour réécrire la validation HTML5 standard.