有沒有更有效的方式來使用angularjs序列化表單？

Question

有沒有一種方法來爲angularjs序列化函數？

我的帖子看起來像現在這樣。

$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

這不是你應該如何使用AngularJS訪問表單數據。表單中的數據應該在範圍內綁定。

因此，使用一個對象，例如， $ scope.formData，它將包含您的所有數據結構，然後使用ng-model將每個表單元素綁定到此。

e.g：

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); 
    }; 
} 

當上述表單提交$ scope.formData將包含您的形式，然後可以在你的AJAX請求傳遞的對象。例如：

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

要回答你的問題，沒有更好的方法來使用AngularJS「序列化」表單數據。您可以使用jQuery：$ element.serialize（），但是如果您想正確使用Angular，請使用上述方法。