title: iterate over values in a list in a dictionary for a key angularjs
body: <p>I a dictionary with a string key and string list value:</p>
  
  <p>[key1 : value1, value2, value3] <br />
  [key2 : value1]<br />
  [key3 : value1, value2] <br /></p>
  
  <p>I need to display it in a navbar in angular js.</p>
  
  <p>The angularjs view is :</p>
  
  <pre><code>&lt;div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1" ng-controller="NavCntrl"&gt;
      &lt;ul class="nav navbar-nav" ng-repeat="(key, val) in categories"&gt;
          &lt;li class="dropdown"&gt;
              &lt;a href="#"&gt;{{key}}&lt;/a&gt;
              &lt;ul class="dropdown-menu"&gt;
                  &lt;li&gt;
                      &lt;a href="#"&gt;{{val}} &lt;/a&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I am able to display the key however the value for each key is showing as "['value1',value2]"</p>
  
  <p>I tried it like this also:</p>
  
  <pre><code>&lt;li class="dropdown"&gt;
              &lt;a href="#"&gt;{{key}}&lt;/a&gt;
              &lt;ul class="dropdown-menu" ng-repeat="value in key" &gt;
                  &lt;li&gt;
                      &lt;a href="#"&gt;{{value}} &lt;/a&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
          &lt;/li&gt;
  </code></pre>
  
  <p>However, its showing some garbage values and is not working.</p>
  
  <p>Please help!</p>