Angular: Empty Fiddle

http://angularjs.org/

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl">
  <div ng-repeat="post in posts">
    {{post.title}}
  </div>
</div>

JavaScript

var myApp = angular.module('myApp',[]);


myApp.factory('getFlickrData', function($http){
    return{
        getData: function(){
            return $http.jsonp('https://api.flickr.com/services/feeds/photos_public.gne?tagmode=all&format=json');
        }
    }
});

function MyCtrl($scope, getFlickrData) {
    $scope.posts = [];
    //I want to add an error check below
    getFlickrData.getData();
    
    jsonFlickrFeed = function(data){
        var x = data.items.length;
        for(var i = 0; i < x; i++){
            $scope.posts.push(data.items[i]);
        }
    } 
}