Question

我想从基础JSON开始，即[]，并提供树状结构，其中包含编辑节点的选项（更改或扩展现有键/值），添加兄弟（创建新条目）和添加子（扩展） json成为一个地图，即将{“field1”：“value1”，“field2”：“value2”}添加到“数据”。

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

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

Answer 1

这fiddle会给你一个开端。它实际上是从question引用的。它不处理对象参数，只处理树中的节点，但从控制器的角度来看，添加这些节点应该非常简单。真正的挑战在于开发一个好看的观点。这是控制器部分（只是为了让SO高兴）：

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

检查出json-tree angularjs指令。

Answer 3

This看起来像是你正在寻找的一个很好的实现。

Angular JS动态JSON构建

3 个答案: