gistfile1.js

'use strict';

angular.module('app.picture')

.directive('pictureList', function() {
  return {
    restrict: 'E',

    scope: {
      pictures: '='
    },

    transclude: true,

    controller: function($scope) {
      $scope.loadMore = function() {
        // some code
      };

    },

    template:
    '<ul infinite-scroll="loadMore()">' +
      '<li ng-repeat="photo in photos">' +
        // do stuff
        '<div ng-transclude></div>' + 
      '</li>' +
    '</ul>'
  };
});