如何使用Nodejs + angular JS和MySQL创builddynamic树视图

我尝试从由三个字段组成的数据库中创build一个TreeView：id，name和parent_id

[{ "id": 1, "name": "Computer", "parent_id": "5", },{ "id": 2, "name": "Computer", "parent_id": "1", }] 

我一直没有能够创build我是一个JavaScript和angularJS的初学者我需要你的帮助，并提前谢谢你

DB.js

 exports.selectCategory = function(callback){ var objBD = BD(); objBD.query('SELECT * FROM treeview_items', callback); } 

JSON在函数SelectCategory之后

customer.js

 function category(req, res) { db.selectCategory(function(err, results){ if (err) return res.send(500, "DB QUERY ERROR"); var source = []; var items = []; // build hierarchical source. for (i = 0; i < results.length; i++) { var item = results[i]; var label = item["name"]; var parentid = item["parent_id"]; var id = item["id"]; if (items[parentid]) { var item = { parentid: parentid, label: label, item: item }; if (!items[parentid].items) { items[parentid].items = []; } items[parentid].items[items[parentid].items.length] = item; items[id] = item; } else { items[id] = { parentid: parentid, label: label, item: item }; source[id] = items[id]; } } res.json(items); }); } 

JSON后的function类别

server.js

  app.get('/api/treeview',customer.categories); 

我的controller.js

 function TreeView($scope,$http){ $http.get('/api/treeview').success(function(data){ var Gen = function (parent, data) { $.each(data, function () { if (this.label) { var li = $("<li>" + this.label + "</li>"); li.appendTo(parent); // if there are sub items, call the Gen function. if (this.data && this.data.length > 0) { var ul = $("<ul></ul>"); ul.appendTo(li); buildUL(ul, this.data); } } }); } $(document).ready(function(e) { var ul = $("<ul></ul>"); ul.appendTo("#main"); Gen(ul, data); }); }) } 

page.html中

  <div id="main"></div> 

目的：

Answer 1

也许我在这里有点迟，但是在我自己的angular度研究中，我偶然发现了这篇文章。 我实际上并没有看到你已经定义了html treeview部件，

即<span id="treeview" kendo-tree-view="tree" k-options="vm.treeOptions" k-data-source="vm.hierarchy" />

毕竟，你有没有得到任何解决scheme？