Esiste un modo più efficace per serializzare un modulo con angularjs?

Question

C'è un modo per serializzare la funzione per angularjs?

il mio post appare così adesso.

$scope.signup_submit = function() { 
    var formData = { 
    username: $scope.username, 
    full_name: $scope.full_name, 
    email: $scope.email, 
    password: $scope.password, 
    confirm_password: $scope.confirm_password 
    } 

    $http({ 
    method: "POST", 
    url: '/signup', 
    data: formData, 
    }).success(function (data) { 
    if (data.status == 'success') { 
     alert('all okay'); 
    } else { 
     alert(data.msg) 
    } 
    }); 
} 

Answer 1

Questo non è il modo in cui è necessario accedere ai dati del modulo utilizzando AngularJS. I dati nel modulo devono essere associati nell'ambito.

Quindi utilizzare un oggetto, ad es. $ scope.formData, che conterrà tutta la struttura dei dati, quindi ognuno degli elementi del modulo dovrebbe essere associato a questo utilizzando ng-model.

es:

http://jsfiddle.net/rd13/AvGKj/13/

<form ng-controller="MyCtrl" ng-submit="submit()"> 
    <input type="text" name="name" ng-model="formData.name"> 
    <input type="text" name="address" ng-model="formData.address"> 
    <input type="submit" value="Submit Form"> 
</form> 

function MyCtrl($scope) { 
    $scope.formData = {}; 

    $scope.submit = function() { 
     console.log(this.formData); 
    }; 
} 

Quando il modulo di cui sopra è presentata $ scope.formData conterrà un oggetto del modulo che possono poi essere passato nella richiesta AJAX. per esempio:

Object {name: "stu", address: "england"} 

Per rispondere alla tua domanda, non c'è miglior metodo per "serializzare" una forma di dati utilizzando AngularJS.

È tuttavia possibile utilizzare jQuery: $ element.serialize(), ma se si desidera utilizzare Angular correttamente, procedere con il metodo precedente.