如何从角度智能表

时间:2017-03-15 16:56:43

标签: javascript angularjs json

我是角度和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回复......

0 个答案:

没有答案