如何手动安装AngularJS ui.bootstrap

时间:2015-08-25 16:25:16

标签: angularjs angular-ui-bootstrap

我正在构建SPA以在SharePoint 2013中的页面上运行,并且在手动安装ui-bootstrap时遇到问题。

我已下载此文件https://github.com/angular-ui/bootstrap/blob/master/src/modal/modal.js并保存为ui-bootstrap.js。

然后我在index.html中引用该文件:

 <script src="//code.jquery.com/jquery-1.10.2.js"></script>
 <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <script type="text/javascript" src="~site/Webparts/js/angular.min.js"></script>
 <script type="text/javascript" src="~site/Webparts/js/angular-route.min.js"></script>
 <script type="text/javascript" src="~site/Webparts/js/ui-bootstrap.js"></script>
 <script type="text/javascript" src="~site/Webparts/testLabApp/testLabApp.js"></script>
 <script type="text/javascript" src="~site/Webparts/testLabApp/dal.js"></script>
 <script type="text/javascript" src="~site/Webparts/testLabApp/email.js"></script>
 <link href="~site/Webparts/testLabApp/style.css" rel="stylesheet" />

然后在App js文件中添加依赖项:

var testLabApp = angular.module('testLabApp', ["ngRoute", "ui.bootstrap"]);

但是,我得到了喷油器错误:

[$injector:modulerr] http://errors.angularjs.org/1.4.2/$injector/modulerr?p0=testLabApp&p1=Error%3A%20%5B%24injector%3Amodulerr...

显然,我做错了什么,但我找不到如何从github下载正确的文件。

非常感谢任何帮助。

此致 克雷格

2 个答案:

答案 0 :(得分:4)

如果您只是使用modal.js,则没有名为ui.bootstrap的模块。

尝试更改:

var testLabApp = angular.module('testLabApp', ["ngRoute", "ui.bootstrap"]);

要:

var testLabApp = angular.module('testLabApp', ["ngRoute", "ui.bootstrap.modal"]);

确保还下载模式的模板文件(window.html和backdrop.html)

答案 1 :(得分:3)

看起来问题是你只下载了modal.js,它只是模态部分,而不是所有的ui-bootstrap。

试试这个文件:https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.13.3/ui-bootstrap.js

或缩小:https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.13.3/ui-bootstrap.min.js