当前位置: 首页 > 面试题库 >

是否可以用Angular制作树状视图?

华烈
2023-03-14
问题内容

我希望在Web应用程序中以树状结构显示数据。我希望将Angular用于此任务。

看起来ng-repeat可以让我遍历节点列表,但是当给定节点的深度增加时,该如何嵌套呢?

我尝试了以下代码,但是HTML的自动转义阻止了此操作。另外,结束ul标签放在错误的位置。

我很确定我将完全以错误的方式解决这个问题。

有任何想法吗?


问题答案:

看看这个小提琴

原文:http:
//jsfiddle.net/brendanowen/uXbn6/8/

更新:http :
//jsfiddle.net/animaxf/uXbn6/4779/

这应该使您对如何显示tree like structure使用角度有个好主意。这是在html中使用递归的一种!



 类似资料:
  • 帮助我正试图用plotly绘制甘特图,但我没有找到一种方法。甘特图类似于水平条形图,每个条形图都有一个“起点”坐标。所以它看起来像: 我找不到让条形图中的“条形图”从特定的X坐标开始的方法。有什么提示/技巧/提示吗?

  • 问题内容: 我是jni的新手,如果可以使用jni实现需要完成的工作,我会感到非常困惑。我想制作一个Java api,它将使用jdbc更新数据库,但是将从C ++程序调用此特定api。 因此,我认为我可能应该编写通过jdbc访问数据库的jni代码(甚至可能吗?),创建C 代码并生成dll,以便其他C 程序可以调用dll来更新数据库。这一切可能吗?如果是这样,我如何在jni中真正调用jdbc?如果最终

  • 问题内容: 我喜欢旧的Java小程序。但是因为我真的很喜欢JFX的工作方式,所以我想使用JFX编写一些游戏(甚至是游戏制作系统,谁知道?),但是我希望能够将它们发布到我的网站上。人们将如何去做呢? 问题答案: 是的,您应该可以将JavaFX嵌入到您的网页中: http://docs.oracle.com/javase/8/docs/technotes/guides/deploy/deploymen

  • 问题内容: 的 多重嵌套视图 功能非常好-您可以轻松地从应用程序的一种 状态 跳到另一种 状态 。 有时您可能想更改URL,但有时不需要。我觉得 状态 的概念应该与 route 分开/可选。 这是一个说明我意思的朋克。 这是文档中的一个小工具的分支,下面有2个小更改: 这似乎可行-URL保持不变。同样,这里做了多少多余的工作?这是经过批准/测试的用法吗? 如果您可以省略某个州的信息,那就太好了。

  • 问题内容: 如何像使用http://jsonviewer.stack.hu/那样以树状方式渲染JSON ? 问题答案: 您感兴趣的技术是“ 递归指令 ”。如果您尚不知道如何编写指令,则应首先开始学习它。Angular JS官方文档在解释指令创建自定义指令方面做得更好 一旦知道如何编写自定义指令,就可以了解递归指令。我发现此Google网上论坛线程很有帮助:递归指令。尤其是,我发现该线程中的 Mar

  • 我已经能够升级angularjs元素指令以用于angular 4。下面是一个示例代码: [myScores.js] [myScores.ts] 请注意,我正在使用 UpgradeComponent 来升级 myScores 元素指令。我已经在属性指令上尝试了相同的方法,但得到了一个错误。有没有办法升级属性指令? 下面是我升级属性指令的尝试: [绿色.js] [makeGreen.ts] 当加载一个