如何使用AngularJS构建一个类似树的heiarchy

时间:2015-07-29 11:04:42

标签: javascript angularjs

我是Angular的全新手,但在JQuery方面有很多经验 - 所以"像我一样解释5"会非常有用!

我有一个" Items"的列表,它们显示在一个文件夹(或' tree')中,就像层次结构一样。每个人都可以有一个父项。

Item 1
| - Item 2 (parent is 1)
| - Item 3 (parent is 1)
| - Item 4 (parent is 1)
    | - Item 6 (parent is 4)
| - Item 5 (parent is 1)

如果它没有父项,它将作为树的顶部附加到Dom"。如果是,则应将其附加在该项目内的div中。

我可以在Angular中加载数据库中的项目。我如何建树?我听说你不应该在指令之外进行DOM操作 - 这是这种情况吗?

尝试解决方案

这是' jQuery'思考,但这就是我的方式。

  1. 将项目加载到数组中。
  2. 将无父项添加到DOM
  3. 在添加每个项目时,运行一个" Get children"函数查找数组中的任何子项并将它们添加到DOM

0 个答案:

没有答案