title: Large nested dropdown list in angular
body: <p>I've got a dropdown menu that has a lot of nested information in it. Meaning something like this:</p>
  
  <pre><code>Parent 1
    Child 1
    Child 2
    Child 3
      Grandchild 1
      Grandchild 2
      Grandchild 3
      ...
      Grandchild 15
    ...
    Child 25
  Parent 2
  Parent 3
  </code></pre>
  
  <p>I need to find a way to elegantly let a user go through the nested dropdowns. This is the closest thing that I could find online to what I need: <a href="http://dojo.telerik.com/oxEVa" rel="nofollow">http://dojo.telerik.com/oxEVa</a> however, when you start to add a bunch of children to where it scrolls, and then you add a grandchild, the scrolling on the children breaks completely. Does anyone know of a menu/dropdown/combobox directive or library that I can use to accomplish showing this much data to a user and allowing them to select it easily?</p>