Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/374.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript AngularJS:具有任意深度的嵌套列表_Javascript_Angularjs_Nested - Fatal编程技术网

Javascript AngularJS:具有任意深度的嵌套列表

Javascript AngularJS:具有任意深度的嵌套列表,javascript,angularjs,nested,Javascript,Angularjs,Nested,给出了这里的解决方案,关于这里发布的问题 而Fiddle的示例允许您生成一个嵌套列表,可以自由地确定列表的深度。我更关心的是如何显示它,就像WordPress中的category小部件一样 angular.modulemyApp,[]。 controllerTreeController,['$scope',函数$scope{ $scope.delete=函数数据{ data.nodes=[]; }; $scope.add=functiondata{ var post=data.nodes.le

给出了这里的解决方案,关于这里发布的问题

而Fiddle的示例允许您生成一个嵌套列表,可以自由地确定列表的深度。我更关心的是如何显示它,就像WordPress中的category小部件一样

angular.modulemyApp,[]。 controllerTreeController,['$scope',函数$scope{ $scope.delete=函数数据{ data.nodes=[]; }; $scope.add=functiondata{ var post=data.nodes.length+1; var newName=data.name+'-'+post; push{name:newName,节点:[]}; }; $scope.tree=[{name:Node,nodes:[]}]; }]; 保险商实验室{ 列表样式:圆形; } 李{ 左边距:20px; } {{data.name} 添加节点 删除节点
角度显示和修改基本相同,因为它具有双向数据绑定。因此,在您发布的示例中,只需使用树数据填充$scope.tree变量,view就会呈现它

此外,您可能对angular ui树模块感兴趣,该模块为树提供了一些开箱即用功能: