title: angular scope variable has no data
body: <p>I'm pretty new to angular js but it seems like my simple code should work. Here is the html:</p>
  
  <pre><code>    &lt;body ng-app="MyHomepage"&gt;
      &lt;div ng-controller="RedditLoad"&gt;
          {{a}}
          &lt;ul&gt;
              &lt;li ng-repeat="article in a"&gt;
              {{article.data.title}}
              &lt;/li....
  </code></pre>
  
  <p>and here is my angualr_app.js:</p>
  
  <pre><code>    var App = angular.module('MyHomepage', [])
      function RedditLoad($scope){
          $.getJSON("http://www.reddit.com/.json?jsonp=?", function(data) {
              var data_array = []; 
              $.each(data.data.children, function(i,item){
                  data_array.push(item);
              });
             console.log(data_array);
             $scope.a = data_array;
          });
      }
  </code></pre>
  
  <p>What am I doing wrong? console.log(data_array); is showing the correct values but the data wont seem to get passed to the template. </p>