title: Having trouble loading angular pagination dependency into module
body: <p>I am trying to load the angular pagination dependency 'angularUtils.directives.dirPagination' into my module, but when I do I am getting a "failed to instantiate module marbleApp due to:..." error. My app was working correctly before trying to add this dependency. Here is some code.</p>
  
  <p>app.js:</p>
  
  <pre><code>var marbleApp = angular.module("marbleApp", ['ui.router', 'angularUtils.directives.dirPagination']);
  </code></pre>
  
  <p>granite.html:</p>
  
  <pre><code>&lt;div class="container"&gt;
       &lt;div class="row"&gt;   
          &lt;div class="col m3" dir-paginate="material in graniteStuff | itemsPerPage: 20"&gt;
            &lt;a href="{{ url }}"&gt;&lt;div class="card"&gt;
              &lt;div class="card-image small"&gt;
                  &lt;img src=""&gt;
              &lt;/div&gt;
              &lt;div class="card-content"&gt;
                &lt;p&gt;{{ material.material_name }}&lt;/p&gt;
                &lt;p&gt;{{ material.material_country_of_origin }}&lt;/p&gt;
              &lt;/div&gt;
              &lt;/div&gt;
            &lt;/a&gt;
          &lt;/div&gt;        
        &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div ui-view&gt;&lt;/div&gt;
  
      &lt;dir-pagination-controls&gt;&lt;/dir-pagination-controls&gt;
  </code></pre>
  
  <p>The full error in the console reads as follows: </p>
  
  <p>"Failed to instantiate module marbleApp due to:
  Error: [$injector:modulerr] Failed to instantiate module angularUtils.directives.dirPagination due to:
  Error: [$injector:nomod] Module 'angularUtils.directives.dirPagination' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument."</p>
  
  <p>I can't find any syntax errors, and I'm pretty sure I am following the docs correctly. Any thoughts?</p>
  
  <p>Docs: <a href="https://github.com/michaelbromley/angularUtils/tree/master/src/directives/pagination#basic-example" rel="nofollow">https://github.com/michaelbromley/angularUtils/tree/master/src/directives/pagination#basic-example</a></p>
  
  <p>Here is an update. I changed my app.js code and was able to add the angularUtils dependency, and now my app works again. But, the pagination feature does not work on the view, and instead of repeating the database results, it simply renders one of the items... No errors. What broke?</p>
  
  <p>app.js</p>
  
  <pre><code>angular.module("marbleApp", ['angularUtils.directives.dirPagination']);
  
  var marbleApp = angular.module("marbleApp", ['ui.router']);
  </code></pre>
  
  <p>html: </p>
  
  <pre><code>&lt;div class="container"&gt;
       &lt;div class="row"&gt;   
          &lt;div class="col m3" dir-paginate="material in graniteStuff | itemsPerPage: 20"&gt;
            &lt;a href="{{ url }}"&gt;&lt;div class="card"&gt;
              &lt;div class="card-image small"&gt;
                  &lt;img src=""&gt;
              &lt;/div&gt;
              &lt;div class="card-content"&gt;
                &lt;p&gt;{{ material.material_name }}&lt;/p&gt;
                &lt;p&gt;{{ material.material_country_of_origin }}&lt;/p&gt;
              &lt;/div&gt;
              &lt;/div&gt;
            &lt;/a&gt;
          &lt;/div&gt;        
        &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div ui-view&gt;&lt;/div&gt;
  
      &lt;dir-pagination-controls&gt;&lt;/dir-pagination-controls&gt;
  </code></pre>