将AngularUI连接到Bootstrap 3抛出错误

时间:2013-10-15 14:28:42

标签: angularjs angular-ui angular-ui-bootstrap

我一直试图将AngularUI连接到Bootstrap 3无济于事。我在这里从bootstrap 3分支中获取了相应的AngularUI代码: https://github.com/angular-ui/bootstrap/tree/bootstrap3_bis2

我选择AngularUI工具提示指令作为一个简单的“测试用例”,看看我是否可以将它全部连接起来。

我收到的错误是: 未捕获的错误:没有模块:ui.bootstrap

我与下面的src代码共享了一个dropbox链接。

Views/Home/index.cshtml contains the markup with references to angularjs and bootstrap
js/directives contains the only directive I am currently testing out which is the "tooltip" directive.

带有src代码的Dropbox链接 https://www.dropbox.com/sh/elwn0su5qwnqa27/zetaMxAa4Q

而不是我必须下载bootstrap 3指令并将它们手动放在我的项目中,现在是否有一个CDN可用于AngularUI-Bootstrap3指令,就像AngularUI-Bootstrap2一样?

感谢您的帮助,

V / R

克里斯

1 个答案:

答案 0 :(得分:4)

这是因为您尝试仅提取AngularUI源的一部分,而不是编译版本。

所以你缺少'ui.bootstrap'的模块声明(当然还有其他部分)。

由于没有完成Bootstrap 3兼容性,因此没有针对此AngularUI版本的编译版本(并且没有更多CDN)。

你必须从分支bootstrap3_bis2获取所有来源,并使用grunt构建它们。它在项目README(对项目的贡献> Build)中进行了解释。

它将生成2个JS文件(一个是缩小的,另一个不是),你必须将其中一个包含在你的页面中,它才能正常工作。