title: How to make dynamic navigation for ul and li using angularjs?
body: <p>I am trying to do dynamic navigation using ul and li. But i am not able to do for sub menu navigation, i am able to display parent menu only. I am using hashmap by using string and list as key value pairs.</p>
  
  <p>Here's my code implemented</p>
  
  <p>In angularjs script code:</p>
  
  <pre><code>$scope.listMap = [{'key':'Parent Menu', 'values':objectList}];
  
  &lt;div ng-repeat="(key,values) in listMap"&gt;
       &lt;ul&gt;
           &lt;li&gt;{{key}}
               &lt;div ng-repeat="value in values"&gt;
                   &lt;ul&gt;
                      &lt;li&gt;{{value.object.name}}&lt;/li&gt;
                   &lt;ul&gt;
               &lt;/div&gt;
           &lt;/li&gt;
       &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>It displays only parent menu but sub menu is not displaying, that i need another that if any of the parent menu that doesn't have sub menu i need to check that one in order to avoid running ul inside the main ul. </p>
  
  <p>Can you please help me to proceed or share any examples for dynamic menus for navigation using angularjs.</p>