title: dirPagination does not work (Angular JS pagination)
body: <p>I am trying to use <a href="https://github.com/michaelbromley/angularUtils/tree/master/src/directives/pagination" rel="nofollow">dirPagination</a> but it does not work. See my code in action: <a href="http://plnkr.co/edit/18BxNhHRNyRoI17sBGQF?p=preview" rel="nofollow">http://plnkr.co/edit/18BxNhHRNyRoI17sBGQF?p=preview</a></p>
  
  <p>My code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html ng-app="myApp"&gt;
  &lt;head&gt;
  &lt;link data-require="bootstrap-css@3.1.1" data-semver="3.1.1" rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" /&gt;
  &lt;script data-require="angular.js@1.3.0-beta.5" data-semver="1.3.0-beta.5" src="https://code.angularjs.org/1.3.0-beta.5/angular.js"&gt;&lt;/script&gt;
  &lt;script data-require="jquery@*" data-semver="2.0.3" src="http://code.jquery.com/jquery-2.0.3.min.js"&gt;&lt;/script&gt;
  &lt;script data-require="bootstrap@3.1.1" data-semver="3.1.1" src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"&gt;&lt;/script&gt;
  
  &lt;script&gt;
  var myApp = angular.module('myApp', [])
      .controller('PsCtrl', ['$scope', function ($scope) {
          $scope.data = [
              {a:1, b:1},
              {a:2, b:2},
              {a:3, b:3}
          ];
      }]);
  &lt;/script&gt;
  
  
  &lt;script src="dirPagination.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div ng-controller="PsCtrl"&gt;
      ItemCount: {{data.length}}
      &lt;ul&gt;
          &lt;li dir-paginate="item in data | itemsPerPage: 2"&gt;{{ item }}&lt;/li&gt;
      &lt;/ul&gt;
      &lt;dir-pagination-controls&gt;&lt;/dir-pagination-controls&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I only get this as output:</p>
  
  <pre><code>ItemCount: 3
    ⋅
  </code></pre>
  
  <p>But I would expect pagination controls at the bottom and this output as a first page:</p>
  
  <pre><code>ItemCount: 3
  ⋅ {"a":1,"b":1}
  ⋅ {"a":2,"b":2}
  </code></pre>
  
  <p>When I use <code>&lt;li ng-repeat="item in data"&gt;{{ item }}&lt;/li&gt;</code> it shows the correct list.</p>
  
  <p>What am I doing wrong?</p>