I have a bootstrap menu that is rendered using angular

Here is the controller that I use

```
function ($scope, $http) {
        $scope.MenuEntries = {}
        $http.get('/menu/')
        .success(
            function (response)
            {
                $scope.MenuEntries = response.data;
                console.log($scope.MenuEntries);
            })
        .error();
    }

```

And this is my template

```
  <ul class=nav>
      <li ng-repeat='entry in MenuEntries'>
         <li>
            <a href='{{entry.link}}'>{{entry.display_name}}<b class=caret></b></a>
            <ul class='dropdown-menu'>
               <li ng-repeat='child in entry.children'>
                  <a href='{{child.link}}'>{{child.display_name}}</a>
               </li>
            </ul>
         </li>
      </li>
  </ul>

```

This is my response,

```
{
"data": [
    {
        "children": [], 
        "display_name": "Home", 
        "link": "/#/", 
    }, 
    {
        "children": [], 
        "display_name": "Logout", 
        "link": "/logout/", 
    }, 
    {
        "children": [
                "display_name": "View Attendance", 
                "link": "/#/attendance/view", 
            }, 
            {
                "display_name": "Attendance Summary", 
                "link": "/#/attendance/summary", 
            }
        ], 
        "display_name": "Attendance", 
        "link": "#", 
    }
]
}

```

This gets logged in the console as a perfect JS array with perfect JS objects

And finally, this is my HTML generated

```
    <ul class="nav">
        <!-- ngRepeat: entry in MenuEntries -->
          <li ng-repeat="entry in MenuEntries" class="ng-scope"></li>
        <!-- end ngRepeat: entry in MenuEntries -->
          <li ng-repeat="entry in MenuEntries" class="ng-scope"></li>
        <!-- end ngRepeat: entry in MenuEntries -->
          <li ng-repeat="entry in MenuEntries" class="ng-scope"></li>
        <!-- end ngRepeat: entry in MenuEntries -->
        <li>
          <a href=""><b class="caret"></b></a>
          <ul class="dropdown-menu">
             <!-- ngRepeat: child in entry.children -->
          </ul>
        </li>
    </ul>

```

Why isn't my data populated in the template?