Comment puis-je charger de bootstrap, AngularJS module correctement?

Dans mon application Rails, j'ai ui-bootstrap-0.2.0.js dans le vendor/assets/javascripts répertoire. J'ai exigé le fichier dans mon application.js fichier.

J'obtiens une erreur lorsque je spécifie le fichier de bootstrap que ma dépendance à cette ligne, angular.module('myApp',['ui.bootstrap']);, comme le demande ici, http://angular-ui.github.io/bootstrap/

Chrome détecte un Uncaught ReferenceError: angular is not defined à ce module:
angular.module("ui.bootstrap", ["ui.bootstrap.accordion", ...]) dans le ui-bootstrap-0.2.0.js.

Cependant, angular.js attrape une erreur No module:ui.bootstrap. Il semble donc que ces deux fichiers javascript ne peut pas voir l'autre. Est-il une solution à cela?

  • Avez-vous d'inclure angular.js avant de bootstrap?
  • Oui, j'ai fait en sorte angular.js a été chargé avant le bootstrap.
  • Je ne suis pas très familier avec les Rails' asset pipeline. Sont les fichiers demandés de manière asynchrone ou ne Rails de générer de l'résultant script tags? Qui est, est-il de la sortie finale de regarder pour voir ce qu'il se passe?
  • Rails génère la résultante des balises script dans le développement.
  • Puis des Rails est de les commander de manière incorrecte. Découvrez jpmorin de commentaire pour sa réponse.
InformationsquelleAutor user1002563 | 2013-04-11
  1. 2

    Voici comment je l'ai fait dans mon projet:

    <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>

    Et c'est de cette façon, j'ai mis mon module d'application:

    var app = angular.module('myapp', ['ui.bootstrap','ngResource']);
    • Je vais probablement faire comme la vôtre manuellement, mais je préférerais que je pourrais avoir besoin de mon Rails application.js à l'aide de // require bootstrap_file, puis de charger tous mes fichiers js par le chargement d'application.js
    • Pourrait ce post vous aider? stackoverflow.com/questions/6149961/...
    InformationsquelleAutor jpmorin