Question

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

当我按照此处的指示http://angular-ui.github.io/bootstrap/

指定引导程序作为此行中的依赖项angular.module('myApp',['ui.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']);

如何正确加载AngularJS引导程序模块？

1 个答案: