ruby-on-rails - 如何正确加载 AngularJS Bootstrap 模块？

Question

在我的 Rails 应用程序中，我有 ui-bootstrap-0.2.0.js在 vendor/assets/javascripts目录。我需要我的 application.js 中的文件文件。

当我在这一行中将 Bootstrap 指定为我的依赖项时出现错误，angular.module('myApp',['ui.bootstrap']); ，按照这里的指示，http://angular-ui.github.io/bootstrap/

Chrome 检测到 Uncaught ReferenceError: angular is not defined在这个定义的模块:angular.module("ui.bootstrap", ["ui.bootstrap.accordion", ...])在 ui-bootstrap-0.2.0.js .

但是，angular.js捕获错误 No module:ui.bootstrap .所以这两个javascript文件似乎都看不到彼此。有针对这个的解决方法吗？

Answer 1

这是我在项目中的做法:

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

这就是我设置应用程序模块的方式:

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