title: ng-repeat Angular and JSON array
body: <p>I'm new to Angular and I'm trying to set up a simple display.  I've looked through the documentation on ng-repeat and have done some of the tutorials with success every time.  However, when I went to do a mock of my own I can't get anything to show from the JSON file.  Even using the often found Angular "todo.json" example found everywhere I still am unable to figure this one out.  I'm not sure if it has to do something with JSON or possibly nesting the ng-repeat. Can anyone guide me to seeing the light?! hehe.  Thanks in advance.</p>
  
  <p>So, here's the Plunker link.  <a href="http://plnkr.co/edit/8rNgPHUHEe88Gpw6aM1D" rel="nofollow">http://plnkr.co/edit/8rNgPHUHEe88Gpw6aM1D</a></p>
  
  <p>HTML: </p>
  
  <pre><code>    &lt;!doctype html&gt;
  &lt;html ng-app="App" &gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;Todos $http&lt;/title&gt;
    &lt;link rel="stylesheet" href="style.css"&gt;
    &lt;script&gt;document.write("&lt;base href=\"" + document.location + "\" /&gt;");&lt;/script&gt;
    &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.js"&gt;&lt;/script&gt;
    &lt;script src="app.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body ng-controller="Calendar"&gt;
    &lt;ul&gt;
      &lt;li ng-repeat="items in events"&gt;
        {{items.events}}
      &lt;/li&gt;
    &lt;/ul&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>var App = angular.module('App', []);
  
  App.controller('Calendar', function($scope, $http) {
    $http.get('todos.json')
         .then(function(res){
            $scope.events = res.data;                
          });
  });
  </code></pre>
  
  <p>JSON:</p>
  
  <pre><code>[
      {
          "events": [
              {
                  "EventTitle": {
                      "href": "http://example.com/event1",
                      "text": "HEADLINE TEXT FOR EVENT 1"
                  },
                  "HeadlineImage": {
                      "href": "http://example.com/event1",
                      "src": "http://example.com/Image.jpg",
                      "text": "CAPTION TEXT FOR IMAGE "
                  },
                  "Eventdescription": "Lorem Loreem Loreeem Ipsum Ipsuum Ipsuuum ..."
              }
          ]
      }
  ]
  </code></pre>