title: Bootstrap navigation not working with Angular ng-repeat
body: <p>I am getting an error while displaying dynamic navigation in Angular Bootstrap using ng-repeat. The collapse nav is not working.</p>
  
  <p>My code is:</p>
  
  <pre><code>&lt;ul&gt;
     &lt;li ng-repeat="menu in menus.menus"&gt;
       &lt;a href="javascript:void(0);"&gt;
          &lt;span class="menu-item-parent"&gt;{{menu.name}}&lt;/span&gt;
       &lt;/a&gt;
       &lt;ul class="sub-left-nav" &gt;
          &lt;li ng-repeat="submenu in menu.submenu"&gt;
             &lt;a href="#/{{submenu.url}}" target="open_frame"&gt;{{submenu.name}}&lt;/a&gt;
          &lt;/li&gt;
       &lt;/ul&gt;
    &lt;/li&gt; 
  &lt;/ul&gt;
  </code></pre>
  
  <p>In my controller:</p>
  
  <pre><code>$scope.menus = {
      "menus": [
          {
              "name": "Master Maintenance",
              "submenu": [
                  {
                      "name": "CropType",
                      "url": "croptype"
                  },
                  {
                      "name": "CropMaster",
                      "url": "crop"
                  }
              ]
          }
       ]
  }
  </code></pre>
  
  <p>When I do not use ng-repeat and json and use only static nav, all things works fine.</p>
  
  <pre><code>&lt;ul&gt;
    &lt;li&gt;
      &lt;a href="javascript:void(0);" title="Dashboard"&gt;&lt;span class="menu-item-parent"&gt;Link 1&lt;/span&gt;&lt;/a&gt;
    &lt;/li&gt;
    &lt;li class="active"&gt;
      &lt;a href="javascript:void(0);"&gt;&lt;span class="menu-item-parent"&gt;Link 2&lt;/span&gt;&lt;/a&gt;
      &lt;ul class="sub-left-nav"&gt;
        &lt;li class="active"&gt;
          &lt;a href="javascript:void(0);" target="open_frame"&gt;Sub Link 1&lt;/a&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;a href="javascript:void(0);" target="open_frame"&gt;Sub Link 2&lt;/a&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;a href="javascript:void(0);" target="open_frame"&gt;Sub Link 3&lt;/a&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>