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を使用してこれにバインドする必要があります。

例えば：

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を正しく使用するには上記の方法を使用します。