Wie lade ich das AngularJS-Bootstrap-Modul korrekt?

Question

In meiner Rails App habe ich ui-bootstrap-0.2.0.js im Verzeichnis vendor/assets/javascripts. Ich habe die Datei in meiner application.js Datei benötigt.

Ich erhalte eine Fehlermeldung, wenn ich die Bootstrap als meine Abhängigkeit in dieser Linie angeben, angular.module('myApp',['ui.bootstrap']);, wie hier dazu aufgefordert werden, http://angular-ui.github.io/bootstrap/

Chrome ein Uncaught ReferenceError: angular is not defined an diesem definierten Modul erkennt: angular.module("ui.bootstrap", ["ui.bootstrap.accordion", ...]) im ui-bootstrap-0.2.0.js.

angular.js fängt jedoch einen Fehler No module:ui.bootstrap. So scheint es, dass diese beiden Javascript-Dateien einander nicht sehen können. Gibt es dafür eine Lösung?

Answer 1

Hier ist, wie ich habe es in meinem Projekt:

<script type="text/javascript" src="libs/jquery-1.9.1.min.js"></script> 
<script type="text/javascript" src="libs/jquery-ui-1.10.2.custom.min.js"></script> 

<script type="text/javascript" src="libs/angular.min.js"></script> 
<script type="text/javascript" src="libs/angular-ui.min.js"></script> 
<script type="text/javascript" src="libs/angular-resource.min.js"></script> 

<script type="text/javascript" src="libs/ui-bootstrap-tpls-0.2.0.min.js"></script> 

<script type="text/javascript" src="js/app.js"></script> 
<script type="text/javascript" src="js/services.js"></script> 
<script type="text/javascript" src="js/directives.js"></script> 
<script type="text/javascript" src="js/filters.js"></script> 
<script type="text/javascript" src="js/controllers.js"></script> 
<script type="text/javascript" src="js/utils.js"></script> 

Und das ist, wie ich meine Anwendungsmodul gesetzt:

var app = angular.module('myapp', ['ui.bootstrap','ngResource']);