我是角度和JSON的新手。 我有一个JSON文件,我想从HTML表格更新这个文件。
我的json是
{
"graph": {
"nodes" : [
{
"Node": {
"size": "2",
"color": "#A5ABB6",
"bordercolor": "#9AA1AC",
"borderwidth": "1.5",
"textcolor": "#000000",
"fontsize": "8",
"caption": "Name"
},
"Slot": {
"size": "2",
"color": "#25c4e8",
"bordercolor": "#1a8ca5",
"borderwidth": "1.5",
"textcolor": "#000000",
"fontsize": "8",
"caption": "name"
}
}
]
}
}
当我在表中添加新行或编辑表中的现有行并单击保存时,新值会反映在JSON中,但我无法更新键名,如“Node”“slot”。 “大小”,“颜色”的值会发生变化。
HTML:
<tr ng-repeat=" (key,gp) in graphConfig.graph.nodes[0]" class="editable-row">
<td>
<span editable-text="key" e-name="key" e-form="rowform"
data-e-style="max-width:50px" e-required>
{{key}}
</span>
</td>
<td>
<span editable-text="gp.size" e-name="size" e-form="rowform"
data-e-style="max-width:50px" e-required>
{{gp.size}}
</span>
</td>
在HTML中,gp提供所有值,如大小,颜色,bordercolor等。 key给出“Node”,“Slot”。
在html中 - 保存 -------在控制器 -
$scope.saveInJsonFile = function (data) {
var newKey=data.key;
console.log(newKey);
console.log("OBJ",data);
commonFactory.saveJsonObj($scope.graphConfig).then(function (asyncCastData) {
});
}
Plz回复......