title: AngularJS: How to correctly pass in moment.js dependency?
body: <p>I have an <code>app.js</code>, where I've declared my app variable/module:</p>
  
  <pre><code>var myApp = angular.module('myApp', ['angularMoment']);
  </code></pre>
  
  <p>Then I'm got my controller passing in the reference along with others and trying to make a <code>moment()</code> call:</p>
  
  <pre><code>myApp.controller('myComtroller', ['$scope', 'moment', function ($scope, $http, $timeout, moment) {
      var now = moment();
      console.log(now);
  }]);
  </code></pre>
  
  <p>I get an error in my console spitting this out:</p>
  
  <blockquote>
    <p>TypeError: moment is not a function</p>
  </blockquote>
  
  <p>I don't understand why it's doing this.</p>
  
  <p>Towards the end of my body, I have this as my references:</p>
  
  <pre><code>&lt;script src="~/lib/angular/angular.min.js"&gt;&lt;/script&gt;
  &lt;script src="~/js/moment.js"&gt;&lt;/script&gt;
  &lt;script src="~/lib/angular-moment/angular-moment.min.js"&gt;&lt;/script&gt;
  &lt;script src="~/js/app.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>In that order. (the controller gets executed later, part of the section scripts for that view)</p>
  
  <p>I installed <code>moment.js</code> through downloading it from here: <a href="http://momentjs.com/docs/" rel="nofollow">http://momentjs.com/docs/</a></p>
  
  <p>But I installed the <code>angular-moment</code> dependency through <code>bower</code>.</p>
  
  <p>Any suggestions?</p>