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

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

WBOY
WBOYoriginal
2016-05-16 16:14:011354parcourir

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’”



Déclaration:
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