AngularJS ngInfiniteScroll не работает

Question

Я пытаюсь использовать использовать ngInfiniteScroll. Но это не работает. Может кто-нибудь объяснить, что я делаю не так

post.html - список постов, где предполагается запуск прокрутки

<div infinite-scroll="getMoreData()">
<article ng-repeat="post in posts" class="postContainer">
    <img  src="{{post.media.m}}" />
    <h2><a href="#/post/{{ posts.indexOf(post) }}">{{ post.title }}</a></h2>
</article>
</div>

controller.js

angular.module('app.controllers', [
'app.directives'])
.controller('PostController', ['$scope', '$http', function($scope, $http){
    $http.jsonp('https://api.flickr.com/services/feeds/photos_public.gne?tags=flower&tagmode=all&format=json').success(function(data){
    });
    jsonFlickrFeed = function(data){
        $scope.posts = data.items.slice(0, 5);
    }

    $scope.getMoreData = function () {
        console.log("scroll");
        $scope.posts = $scope.posts.slice(0, $scope.posts.length + 5);
    }   
}])

Прокрутка активирована, но данные не добавляются на страницу

ОБНОВИТЬ

проблема решена, когда я изменил это

    jsonFlickrFeed = function(data){
        $scope.posts = data.items.slice(0, 5);
        $scope.getMoreData = function () {
        $scope.posts = data.items.slice(0, $scope.posts.length + 5);
        }
    }