AngularJS。将表单字段转换为json

时间:2013-11-11 21:40:03

标签: json angularjs

试着理解如何编写一个函数(指令/控制器),它可以将我的所有form inputs转换为json,其当前值为json

json的格式类似于:

{    
    fields: [
          {field1: value1},
          {field2: value2},
          {field3, value3}
        ]    
}

从哪里开始至少..没有jquery申请?

1 个答案:

答案 0 :(得分:46)

ng-model为你做到了。如果您尚未自己创建范围变量,则会创建范围变量

<form name="myForm" ng-submit="submitMyForm()">
    <input ng-model="fields.name"  />
function myController($scope){
    $scope.submitMyForm=function(){
        /* while compiling form , angular created this object*/
        var data=$scope.fields;  
        /* post to server*/
        $http.post(url, data);        
    }

}

如果你的对象在你的范围内开始,angular将以2方式绑定到输入,因此最初在scope对象中设置的任何值都将显示在输入中