title: ng-repeat doesn't work if i include class="sidebar-menu" inside <ul> in angularjs
body: <p>This is very strange as it shouldn't happen. The moment I include class="sidebar-menu" inside  tag, the ng-repeat inside it, doesn't work at all. I have a list, among which, in one of the list item, when i click I am fetching data from a file "database.json", but when i try to give the sidebar look to the list items by including class "sidebar-menu" in  tag, the ng-repeat stops working.</p>
  
  <p>Here is my code : </p>
  
  <pre><code>&lt;!-- Sidebar Menu --&gt;
  &lt;div ng-controller="people"&gt;
    &lt;ul class="sidebar-menu"&gt; 
      &lt;li class="header"&gt;HEADER&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;&lt;i class="fa fa-link"&gt;&lt;/i&gt; &lt;span&gt;Link&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;&lt;i class="fa fa-link"&gt;&lt;/i&gt; &lt;span&gt;Another Link&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;
        &lt;a href="#"&gt;&lt;i class="fa fa-link"&gt;&lt;/i&gt;
          &lt;span ng-click="showDiv = !showDiv"&gt;Multilevel
            &lt;div ng-show="showDiv"&gt;
              &lt;ul class="treeview-menu"&gt;
                &lt;li ng-repeat="person in persons"&gt;
                  {{ person.Name }}&lt;a href="#"&gt;&lt;/a&gt;
                &lt;/li&gt;
              &lt;/ul&gt;
            &lt;/div&gt;
          &lt;/span&gt;
        &lt;/a&gt;
      &lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  &lt;!-- /.sidebar-menu --&gt;
  </code></pre>
  
  <p>The Controller.js file : This is the controller part and i have included this file in the above code.</p>
  
  <pre><code>    var app = angular.module('myapp',[]);
      app.controller('people',function($scope,$http){
          $http.get('http://127.0.0.1:8080/database.json')
          .success(function(response){
              $scope.persons = response.records;
  
      });
      });
  </code></pre>
  
  <p>database.json file : I am displaying these records when i click on "Multilevel" list item from the Menu bar.</p>
  
  <pre><code>    {
          "records":[
              {
                  "Name" : "Alex",
                  "Age" : 24
              },
              {
                  "Name" : "Lexi",
                  "Age" : 28
              },
              {
                  "Name" : "Dex",
                  "Age" :25
              },
              {
                  "Name" : "Debra",
                  "Age" : 26
              }
  
          ]
      }
  </code></pre>