Javascript 角度视图中的大型嵌套下拉列表

我有一个下拉菜单，里面有很多嵌套的信息。意思是这样的：

Parent 1
  Child 1
  Child 2
  Child 3
    Grandchild 1
    Grandchild 2
    Grandchild 3
    ...
    Grandchild 15
  ...
  Child 25
Parent 2
Parent 3

我需要找到一种方法，优雅地让用户浏览嵌套的下拉列表。这是我能在网上找到的最接近我需要的东西：然而，当你开始在滚动的地方添加一堆子对象，然后添加一个孙子对象时，子对象上的滚动完全中断。有人知道我可以使用菜单/下拉菜单/组合框指令或库来向用户显示这么多数据，并允许他们轻松选择吗？

您可以使用。一开始可能会有点混乱，但它可以很好地处理嵌套结构。必须创建用于渲染节点及其子节点的模板：

<!-- Nested node template -->
<script type="text/ng-template" id="nodes_renderer.html">
  <div ui-tree-handle>
    {{node.title}}
  </div>
  <ol ui-tree-nodes="" ng-model="node.nodes">
    <li ng-repeat="node in node.nodes" ui-tree-node  ng-include="'nodes_renderer.html'">
    </li>
  </ol>
</script>

{{node.title}

然后在“定义树”上使用它：

<div ui-tree>
  <ol ui-tree-nodes="" ng-model="data" id="tree-root">
    <li ng-repeat="node in data" ui-tree-node ng-include="'nodes_renderer.html'"></li>
  </ol>
</div>

大多数客户在使用下拉列表时是否知道他们在寻找什么？如果是这样，我建议使用如下示例中的自动完成：