AngularJS.将表单字段转换为json

ses*_*ses 14 json angularjs

试图理解如何编写一个函数,(指令/控制器),将所有我form inputs的json 转换为他们必须的当前值json.

json的格式类似于:

{    
    fields: [
          {field1: value1},
          {field2: value2},
          {field3, value3}
        ]    
}
Run Code Online (Sandbox Code Playgroud)

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

cha*_*tfl 46

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

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

}
Run Code Online (Sandbox Code Playgroud)

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