title: Angular - Data Returned But ng-repeat Not Displaying It
body: <p>I'm having an issue where although my Angular JS is returning data from my backend, I can't get ng-repeat to display it.  Here's my HTML file:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html ng-app="docManager"&gt;
  &lt;head&gt;
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"&gt;
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css"&gt;
      &lt;script src="http://code.jquery.com/jquery-2.1.4.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"&gt;&lt;/script&gt;
      &lt;script src="app.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body ng-controller="DocManCtrl as docs"&gt;
      &lt;div&gt;
          &lt;input placeholder="Search" type="text" ng-model="searchKey" /&gt;
      &lt;/div&gt;
      &lt;table class="table"&gt;
          &lt;tr&gt;&lt;th&gt;Document ID&lt;/th&gt;&lt;th&gt;Filename&lt;/th&gt;&lt;th&gt;Category&lt;/th&gt;&lt;/tr&gt;
      &lt;tr ng-repeat="document in docs.documents | filter:searchKey"&gt;
          &lt;td&gt;{{document.id}}&lt;/td&gt;
          &lt;td&gt;{{document.filename}}&lt;/td&gt;
          &lt;td&gt;{{document.category}}&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  &lt;button ng-click="docs.add()"&gt;Add Document&lt;/button&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <p>And here is my JS file:</p>
  
  <pre><code>var app = angular.module('docManager', []);
  app.controller('DocManCtrl', DocManCtrl);
  
  function DocManCtrl($http){
      $http.get('http://localhost:3000/documents').success(function(data){
      this.documents = data;
      console.log('Data retrieved.');
      }).error(function(){
      console.log('Error: could not GET documents');
      });
  } 
  
  DocManCtrl.prototype.add = function(){
  console.log('Hello, world.');
  };
  </code></pre>
  
  <p>I know my $http.get is working, because if I print out the contents of 'data' to the console, I see the data from my database.  Anybody know where my mistake is?</p>
  
  <p>Thanks!
  Bryan</p>