title: Sub menu (expanded/collapsed tree) in AngularJS
body: <p>I have for the past day got stuck on finding the best way to use angular to control a menu list with sub-menus. </p>
  
  <p>With jQuery you can just listen after a click event on a specific type of element like a <code>&lt;li&gt;</code> and add a class to its child element for a menu to open. </p>
  
  <p>I'm trying to do the same thing like the menu on this page <a href="http://geedmo.com/themeforest/wintermin/dashboard.html" rel="nofollow">http://geedmo.com/themeforest/wintermin/dashboard.html</a>, with Angular. But can't find the correct way by using my own directive or existing ones like ng-hide and ng-show. </p>
  
  <p>If anyone have an example og guides on how to do this the best way, my day would be saved. :)</p>
  
  <p>I'm also new to angular so learning new thing every day. </p>