Maison > interface Web > js tutoriel > Exemple de fonction d'édition et de soumission de formulaire AngularJS_AngularJS

Exemple de fonction d'édition et de soumission de formulaire AngularJS_AngularJS

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Libérer: 2016-05-16 16:14:01
original
1409 Les gens l'ont consulté

Après avoir étudié AngularJS avancé, j'ai décidé d'essayer sa fonction d'édition et de soumission de formulaires. On dit qu'elle n'est même pas meilleure que JQuery.
Je suis curieux, essayez-le. . . . . Ça fait longtemps, putain. . . Dépendre de. . Dépendre de. . Dépendre de. . Nima. . Dépendre de. . Dépendre de. . . . Eh bien, qui me fait le devoir ?

J'ai recherché beaucoup de cas sur AngularJS Form
Tel que :

http://www.angularjs.cn/A08j

https://github.com/tiw/angularjs-tutorial

https://github.com/tiw/angularjs-tutorial/blob/master/ng-form.markdown

https://github.com/tiw/angularjs-tutorial/blob/master/ng-form2.markdown

J'essayais d'imiter un formulaire AngularJS, mais un problème est survenu. . . .
Il s'avère que ng-model n'est pas d'accord avec la valeur de la balise d'entrée lors de l'initialisation et des conflits. .
Plus tard, j'ai voulu pré-attribuer la valeur dans le contrôleur AngularJS $scope.formData = {'name':'Zhang San'};
La valeur peut être attribuée à ce contrôleur AngularJS via le programme php

Copier le code Le code est le suivant :


<script><br> var formApp = angulaire.module('formApp', []);<br> Fonction formController ($ scope, $ http) {<br>            $scope.formData = {'name':'Zhang San','remark':'Remarks'};<br>            $scope.myForm = function() {<br>                $http({<br> Méthode : 'POST',<br>                                                                                                                                                                                     en utilisant headers : { 'Content-Type': 'application/x-www-form-urlencoded' } // définit les en-têtes de manière à transmettre les informations de manière angulaire sous forme de données de formulaire (pas de charge utile de demande)<br>              })<br>                .success(function(data) {<br> console.log(données);<br> Si (!data.success) {<br>                       } autre {<br>                  }<br>                 });<br>         };<br> ><br> </script>




Plus tard, j'ai cherché et cherché et j'ai découvert qu'il existe d'autres moyens, tels que ng-init=”formData.name=’Zhang San’”



Étiquettes associées:
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal