angularjs - Angular JS 动态 JSON 构建

Question

我想从一个基本 JSON 开始，即 []，并提供一个树状结构，其中包含编辑节点（更改或扩展现有键/值）、添加同级（创建新条目）和添加子级（将 json 扩展到变成一个map，即将{"field1" : "value1", "field2" : "value2"} 添加到"data"。

似乎最好的方法是将 json 范围值绑定到树结构。我即将自己建造一个，但我想我会检查一下是否已经完成......

这种功能将允许更接近业务的人定义和改进数据模型，以及进行简单的编辑。想想 php myadmin 界面，或者 django 管理页面。

Answer 1

这个小提琴会给你一个先机。它实际上是从这个问题中引用的。它不处理对象参数，只处理树中的节点，但从控制器的角度来看，添加这些应该非常简单。真正的挑战在于开发一个好看的视图。这是控制器部分（只是为了让大家开心）：

angular.module("myApp", []).controller("TreeController", ['$scope', function($scope) {
  $scope.delete = function(data) {
    data.nodes = [];
  };
  $scope.add = function(data) {
    var post = data.nodes.length + 1;
    var newName = data.name + '-' + post;
    data.nodes.push({name: newName,nodes: []});
  };
  $scope.tree = [{name: "Node", nodes: []}];
}]);

Answer 2

This looks like a good implementation of what you're looking for.

Answer 3

查看json-tree angularjs 指令。