title: Not able to load new module dependency in angular
body: <p>Im using appgyver and are not able to load new module. I get this error message:  Failed to instantiate module legeApp due to:\n[$injector:nomod] Module 'legeApp' 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>Here is my code, please help!</p>
  
  <p>Js file</p>
  
  <pre><code>angular
    .module('legeApp', ['angular-carousel'])
    .controller('IndexControllerOrer', function($scope, supersonic, $filter) {  
  
  });
  </code></pre>
  
  <p>My Layout.html</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
    &lt;meta charset="utf8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"&gt;
  
    &lt;title&gt;&lt;%= yield.viewName %&gt;&lt;/title&gt;
  
    &lt;link rel="stylesheet" href="/components/supersonic/css/supersonic.css" /&gt;
    &lt;link rel="stylesheet" href="/app/common/stylesheets/application.css" /&gt;
    &lt;link rel="import" href="/components/supersonic/components/import.html"&gt;
    &lt;link href="/components/angular-carousel/angular-carousel.css" rel="stylesheet" type="text/css" /&gt;
  
  
    &lt;script src="/components/angular-carousel/angular-carousel.js"&gt;&lt;/script&gt;
    &lt;script src="http://localhost/cordova.js"&gt;&lt;/script&gt;
    &lt;script src="/components/steroids-js/steroids.js"&gt;&lt;/script&gt;
    &lt;script src="/components/angular/angular.js"&gt;&lt;/script&gt;
    &lt;script src="/components/supersonic/supersonic.js"&gt;&lt;/script&gt;
    &lt;script src="/components/webcomponentsjs/webcomponents.js"&gt;&lt;/script&gt;
  
    &lt;% _.each(yield.modules, function(module) { %&gt;
    &lt;script src="/app/&lt;%= module %&gt;.js"&gt;&lt;/script&gt;
    &lt;% }); %&gt;
  &lt;/head&gt;
  &lt;body ng-app="&lt;%= yield.moduleName %&gt;"&gt;
  
  &lt;%= yield.view %&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>My view</p>
  
  <pre><code>&lt;div ng-controller="IndexControllerOrer"&gt;
  
    &lt;super-navbar&gt;
      &lt;super-navbar-title&gt;
        Helseplager
      &lt;/super-navbar-title&gt;
    &lt;/super-navbar&gt;
  
            &lt;ul class="list" rn-carousel&gt;
              &lt;li ng-repeat="plagerOret in plagerOret" class="item item-checkbox checkbox-assertive"  &gt;
               &lt;label class="checkbox"&gt;
                 &lt;input type="checkbox" ng-model="plagerOret.checked"&gt;
               &lt;/label &gt;
                {{plagerOret.value}}
              &lt;/li&gt;
            &lt;/ul&gt;
  
  
  &lt;button class="button button-block button-assertive" ng-click="checkValues()" value="checkitems" &gt;
    Diagonoser
  &lt;/button&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>The angular-carousel files is under the components/angular-carousel/angular-carousel.css and components/angular-carousel/angular-carousel.js</p>