title: AngularJs Modules Dependency Injection Error
body: <p>Hi i'm having some issues with AngularJs, whenever i try to load more than one factory file in my index file (Where i initialize angular JS). Everything loads well but my Places factory refuses to initialize and i get this error at my console. <a href="https://docs.angularjs.org/error/" rel="nofollow">https://docs.angularjs.org/error/</a>$injector/unpr?p0=PlacesProvider</p>
  
  <p>This is my app.js file</p>
  
  <pre><code>(function(){
      'use strict';
      angular.module('app', ['oc.lazyLoad', 'ui.utils', 'app.configs', 'app.factories', 'app.ctrls']);
  })();
  </code></pre>
  
  <p>I have loaded the JavaScript files for these dependencies in my index file like so</p>
  
  <pre><code>&lt;!-- Angular --&gt;
  {{ HTML::script('assets/js/frontend/src/vendor/angular/angular.min.js') }}
  {{ HTML::script('assets/js/frontend/src/vendor/angular/angular-route.min.js') }}
  {{ HTML::script('assets/js/frontend/src/vendor/bower_components/angular-ui-utils/ui-utils.min.js') }}
  {{ HTML::script('assets/js/frontend/src/vendor/angular/ocLazyLoad.js') }}
      &lt;!-- App --&gt;
  {{ HTML::script('assets/js/frontend/src/app.js') }}
      &lt;!-- Angular Configurations --&gt;
  {{ HTML::script('assets/js/frontend/src/configs/routes.js') }}
      &lt;!-- Angular services --&gt;
  {{ HTML::script('assets/js/frontend/src/services/Users.js') }}
  {{ HTML::script('assets/js/frontend/src/services/Places.js') }} 
      &lt;!-- Angular directives --&gt;
  {{ HTML::script('assets/js/frontend/src/directives/foundation.js') }}   
      &lt;!-- Angular controllers --&gt;
  {{ HTML::script('assets/js/frontend/src/controllers/mainCtrl.js') }}
  &lt;!-- End call for javascript files --&gt;
  </code></pre>
  
  <p>This are my factory files:</p>
  
  <p>Users Factory</p>
  
  <pre><code>(function(){
      // Initialize angular module
      var app = angular.module("app.factories, []");
      // Initialize user factory
      app.factory('Users', ["$http", function ($http) {
          // Define variables
  
          return {
              // My functions
          };
      }]);
  
  })();
  </code></pre>
  
  <p>Places Factory</p>
  
  <pre><code>(function(){
      // Initialize angular module
      var app = angular.module("app.factories", []);
      // Initialize places factory
      app.factory('Places', ["$http", function ($http) {
          // Define variables
          return {
          // My functions
          };
      }]);
  
  })();
  </code></pre>