如何在AngularJS中添加多个依赖模块

时间:2015-01-18 10:49:19

标签: javascript angularjs angularjs-module

您好我是angularjs的新手,我想在应用中添加多个依赖模块。

这是我的代码:

var NBModule = angular.module('NBModule', ['ui.router','ngDraggable']);

我甚至尝试过

var NBModule = angular.module('NBModule', ['ui.router'],['ngDraggable']);

最后

var NBModule = angular.module('NBModule', ['ui.router']);
angular.injector(NBModule, ['ngDraggable']);

我收到此错误:

  

[$注射器:modulerr]   http://errors.angularjs.org/1.3.5/ $注射器/ modulerr P0 =未定义&安培; P1 =错误%... ogleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.5%2Fangular.min.js%3A38%3A146)

2 个答案:

答案 0 :(得分:5)

您尝试的第一个选项是正确的选项:

var NBModule = angular.module('NBModule', ['ui.router','ngDraggable']);

我猜测问题是你没有在html中添加脚本标记。

你需要添加:

<script src="path/to/uiRouter.js"></script>
<script src="path/to/draggable.js"></script>

答案 1 :(得分:0)

您必须在HTML中添加这些依赖项的脚本标记,如下所示:

<script src="angular.js"></script>
<script src="ui.router.js"></script>
<script src="ng-draggable.js"></script>

如果这不起作用,那么ui-router可能取决于ng-draggable可能