function compile() {
            var html = '<div ng-repeat="list in lists"><ul class="list">' +
                '<li dir-paginate="item in list.collection | itemsPerPage: 3" pagination-id="list.id">{{ item }}</li>' +
                '</ul>' +
                '<dir-pagination-controls pagination-id="list.id"></dir-pagination-controls>' +
                '</div>';

            $scope.lists = [
                {
                    id: 'list1',
                    collection: [1, 2, 3, 4, 5]
                },
                {
                    id: 'list2',
                    collection: ['a', 'b', 'c', 'd', 'e']
                }
            ];
            containingElement.append($compile(html)($scope));
            $scope.$apply();
        }
THis suite tests out the ability to handle dynamically-generated pagination ids. The main use case is when
there are multiple dir-pagination instances being generated by an ng-repeat, and the pagination id is
only known at run-time.