title: Displaying json data in an Angular App
body: <p>I am trying to parse data from a json file and display it in my angular application, but for some odd reason the view wouldn't show the data(intepret my expressions), I thought it might be my controller, but it looks fine. Any help would be appreciated in solving this, thanks.</p>
  
  <p>Below is the code for my Http Service:</p>
  
  <pre><code>app.factory('info', ['$http', function($http){ 
    return 
    $http.get('https://api.flickr.com/services/feeds/photos_public.gne?&amp;format=json&amp;callback=JSON_CALLBACK')
        .success(function(data){
           return data;
        })
         .error(function(err){
           return err;
         });
  }]);
  </code></pre>
  
  <p>Here is my controller:</p>
  
  <pre><code>app.controller('HomeController', ['$scope','info',
   function($scope) {
      info.success(function(data){
          $scope.datar = data;
    });  
  }]);
  </code></pre>
  
  <p>And this is my view:</p>
  
  <pre><code>&lt;div class="main" &gt;
    &lt;div class="container" &gt;
    &lt;div class="photo" &gt;
    &lt;div ng-controller="HomeController" ng-repeat="data in datar"&gt;
      &lt;p1&gt;{{data.age}}&lt;/p1&gt;
     &lt;p1&gt;{{name.modified}}&lt;/p1&gt;
    &lt;/div&gt;
    &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>