title: Angular service containing http get call not working with ng-repeat
body: <p>I have an angular controller that calls a service. The service is responsible for returning data from a json file.</p>
  
  <p>controller:</p>
  
  <pre><code>function projectController($scope, ajaxServices) {
  $scope.projects = ajaxServices.getProjects();
  }
  </code></pre>
  
  <p>service:</p>
  
  <pre><code>projectManagerApp.factory('ajaxServices', function ($http) {
    return {
      getProjects : function () {
        $http.get('projects.json', { data: {} }).success(function (data) {
        if (window.console &amp;&amp; console.log) {
          console.log("objects returned: " + data.length); // shows # of items
        }  
        return data   //nothing ng-repeated, no console errors.
      })
      // Exact same data from json file hard-coded, works fine
      // when not commented out.
      // return [{ "id": 1, "name": "Project 1 }, { "id": 2, "name": "Project 2" }]
      }
     }
  });
  </code></pre>
  
  <p>html: <code>ng-repeat="project in projects"</code></p>
  
  <p>In the success function I can see the data returned in the console log but if I try to return the data the ng-repeat ul element on my page is empty. In the same service if I simply return the same data logged to the console hard coded (outside of the success function, of course it works just fine. </p>
  
  <p>How can I return the data into the ng-repeat using my ajax call?</p>
  
  <p>I'm just as new to Plunker as I am Angular but here is my attempt at a Plunk:
  <a href="http://plnkr.co/edit/ALa9q6" rel="nofollow">http://plnkr.co/edit/ALa9q6</a></p>