Javascript AngularJSON格式
我是AngularJS的新手,正在尝试基于表tr和td值生成格式化JSON 表tr是自动生成的。提交表单后,我尝试生成json值 提交表单后,我需要生成JSONJavascript 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
<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"
}
]