title: Angular, trouble getting directive to work
body: <p>I seem to be having trouble getting my directive to work, I think I may be registering it incorrectly, but I can't seem to figuire out how. Possibly the naming convention?
  Here's what I have -</p>
  
  <p>My Directive - </p>
  
  <pre><code>'use strict';
  
  angular.module('demoApp')
  .directive('packeryAngular', ['$rootScope', '$timeout',
  function($rootScope, $timeout) {
  return {
    restrict: 'A',
    scope: true,
    link: function(scope, element, attrs) {
  
  };
  
  }
  ]);
  </code></pre>
  
  <p>On my div, I just call it like so </p>
  
  <pre><code>&lt;div packeryAngular&gt;
  </code></pre>
  
  <p>However, when I call it just like this, nothing seems to be happening. My first assumption was that I needed to register on my app like so</p>
  
  <pre><code>angular.module('demoApp', [ 'packeryAngular ']
  </code></pre>
  
  <p>However, when I do that I get the error in the console of :</p>
  
  <pre><code>Error: [$injector:modulerr] Failed to instantiate module packeryAngular due to:
  Error: [$injector:nomod] Module 'packeryAngular' 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.
  </code></pre>
  
  <p>So, I'm pretty new to this but I'm not entirely sure what I'm doing wrong here, I've tried to copy other working examples and can't seem to get it working. Would appreciate any help, and thank you very much for reading!</p>