Javascript AngularJSON格式

Javascript AngularJSON格式,javascript,jquery,angularjs,json,Javascript,Jquery,Angularjs,Json,我是AngularJS的新手,正在尝试基于表tr和td值生成格式化JSON 表tr是自动生成的。提交表单后,我尝试生成json值 提交表单后,我需要生成JSON <form> <table> <!-- Auto generated rows --> <tr> <td> <input type="text" class="form-contro

我是AngularJS的新手,正在尝试基于表tr和td值生成格式化JSON

表tr是自动生成的。提交表单后,我尝试生成json值

提交表单后,我需要生成JSON

<form>

    <table>
        <!-- Auto generated rows -->
        <tr>
            <td>
            <input type="text" class="form-control" name="tname"  value="">
            </td>
            <td>
            <select ng-model="selection1" class="form-control"  name="ttype" value="">
                <option value="bbb" selected>Test</option>
                <option value="aaa" >Lumpsum</option>
            </select></td>
            <input type="text" class="form-control parsley-success" name="tvalue" >
            </td>
        </tr>
        <tr>
            <td>
            <input type="text" class="form-control" name="tname"  value="">
            </td>
            <td>
            <select ng-model="selection1" class="form-control"  name="ttype" value="">
                <option value="bbb" selected>Test</option>
                <option value="aaa" >Lumpsum</option>
            </select></td>
            <input type="text" class="form-control parsley-success" name="tvalue" >
            </td>
        </tr>
        <tr>
            <td>
            <input type="text" class="form-control" name="tname"  value="">
            </td>
            <td>
            <select ng-model="selection1" class="form-control"  name="ttype" value="">
                <option value="bbb" selected>Test</option>
                <option value="aaa" >Lumpsum</option>
            </select></td>
            <input type="text" class="form-control parsley-success" name="tvalue" >
            </td>
        </tr>
        <tr>
            <td>
            <input type="text" class="form-control" name="tname"  value="">
            </td>
            <td>
            <select ng-model="selection1" class="form-control"  name="ttype" value="">
                <option value="bbb" selected>Test</option>
                <option value="aaa" >Lumpsum</option>
            </select></td>
            <input type="text" class="form-control parsley-success" name="tvalue" >
            </td>
        </tr>
    </table>
   <input type="submit" name="save" value="save"/>
   </form>
如果我有10个表行,这意味着我需要生成一个新的行对象

请问,有谁能在AngularJS中建议正确的方法吗?

试试这个解决方案

角度模块('ExampleApp',[]) .controller('firstCtrl',函数($scope){ $scope.arr=[]; });

json={arr | json}

另一种解决方案

角度模块('ExampleApp',[]) .controller('firstCtrl',函数($scope){ $scope.data=[]; $scope.tType=['test1','test2']; $scope.rowCount=5;//需要的行数 $scope.range=函数(最小、最大、步长){ 步骤=步骤| | 1; var输入=[];
对于(var i=min;i基于JSFIDLE SO的解决方案

举个例子

角度模块('ExampleApp',[]) .controller('firstCtrl',函数($scope,$filter){ $scope.cloneRow=函数(注释){ $scope.finalJson.comments.push({}); }; $scope.finalJson={ 注释:[{name:“Basic”,type:,value:,index:1}, {名称:“房租补贴”,类型:,值:,索引:2}, {}] }; $scope.removeRow=函数(索引){ $scope.finalJson.comments.splice(索引1); }; $scope.submit=函数(){ var json=json.stringify($scope.finalJson.comments); log(json); 警报(json); } });

--选择一个选项--
百分比
总括
减
添加
{{finalJson.comments | json}}
提交

自动生成的是什么意思?所有的
ng模型都是一样的吗?当它们设置正确时,除了抓取分配给所有
ng模型的一个对象之外,不应该做任何事情,因为它们不是。所以主要的问题是如何生成表?自动生成的方法-表行计数将动态变化。Row count是不相关的…它们是如何生成的?您可以尝试在自动创建json对象时,使用javascript在指定的结构中为相应的
tr
创建一个json对象。@charlietfl-我们在顶部有文本框(我没有包含html)。如果输入3,则表示将生成三行。一旦用户单击“提交”按钮,则表示需要生成json。这是我的JSFIDLE。
"data" : [
 {
    "tname":"{tr1 name}",
    "value":"{tr1 tvalue}",
    "ttype":"{tr1 ttype}",
    "index":"index 1"
    },
    {
    "tname":"{tr2 name}",
    "value":"{tr2 tvalue}",
    "ttype":"{tr2 ttype}",
    "index":"index 2"
    },
    {
    "tname":"{tr3 tname}",
    "value":"{tr3 tvalue}",
    "ttype":"{tr3 ttype}",
    "index":"index 3"
    }
]