title: How to load json into my angular.js ng-model?
body: <p>I have what I think is probably a very obvious question, but I couldn't find an answer anywhere.</p>
  
  <p>I am just trying to load some JSON data from my server into the client. Right now, I am using JQuery to load it with an AJAX call (code below).</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  var global = new Array();
  $.ajax({
      url: "/json",
      success: function(reports){
          global = reports;
          return global;
          }
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>This is located in the html file. It works so far, but the issue is that I want to use AngularJS. Now, while Angular CAN use the variables, i cannot load the whole thing into a variable so I can use a for each loop. This seems to be related to the "$Scope", which is usually located in the .js file.</p>
  
  <p>The problem is that I cannot load code from other pages into a .js file. Every example of Angular only shows stuff like this:</p>
  
  <pre><code>function TodoCtrl($scope) {
    $scope.todos = [
      {text:'learn angular', done:true},
      {text:'build an angular app', done:false}];
  </code></pre>
  
  <p>So, this is useful, if I 
  A) Want to type all of this by hand, AND 
  B) If I know in advance what all my data is...</p>
  
  <p>I don't know in advance (the data is dynamic) and I don't want to type it. </p>
  
  <p>So, when I tried to change the AJAX call to Angular using $Resource, it doesn't seem to work. Maybe I can't figure it out, but it is a relatively simple GET request for JSON data.</p>
  
  <p><strong>tl:dr I can't get AJAX calls to work in order to load external data into an angular model.</strong></p>