angulaire.js - $http dans AngularJS peut-il soumettre l'intégralité du formulaire ensemble ?

Question

J'ai modifié un projet dans mon entreprise et j'ai changé $.ajax dans JQuery en $http dans AngularJS. Lors de la soumission de données, c'était auparavant $("#form").serialize(), mais maintenant, pour soumettre des données, je. Je dois tous les répertorier et les encapsuler dans json pour les soumettre. Je veux juste demander s'il existe un moyen dans Angularjs de soumettre toutes les données du formulaire en même temps, comme le premier. (PS : L'entreprise exige de ne pas utiliser JQuery dans le projet)

Answer 1

<input ng-model="user.name">
<input ng-model="user.age">

Nommez ng-model de la manière ci-dessus et utilisez controller directement dans $scope.user pour obtenir l'objet.

Answer 2

Spécifiez l'attribut name pour l'élément de formulaire, puis le formulaire définira un contrôleur de formulaire avec ce nom dans la portée où il se trouve.

Par exemple

<form name="myForm">
  <input name="myInput">
</form>

Utilisez ensuite les opérations suivantes pour obtenir la valeur

function getFormValue(formCtrl) {
  return Object
    .keys(formCtrl)
    .filter(function(key) {
      return key[0] != '$';
    }
    .reduce(function(res, key) {
      res[key] = formCtrl[key].$modelValue;
      return res;
    }, {});
}

getFormValue($scope.myForm);
// output: {myInput: "..."}