将 AngularUI 连接到 Bootstrap 3 抛出错误

Posted 2023-03-06

【中文标题】将 AngularUI 连接到 Bootstrap 3 抛出错误

【英文标题】：Wiring up AngularUI to Bootstrap 3 throwing errors

【发布时间】：2013-10-23 09:50:18

【问题描述】：

我一直试图将 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

克里斯

【问题讨论】：

我已经成功使用了没有 angular-ui bootstrap3 分支的 Bootstrap 3。我使用了带有模板的 ui-bootstrap 0.6.0 的自定义构建，还使用了 angular-ui 掩码和事件，没有问题。我还要补充一点，我已经毫无问题地使用了工具提示指令。

【参考方案1】：

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

所以您缺少“ui.bootstrap”（当然还有其他部分）的模块声明。

由于没有完成 Bootstrap 3 的兼容性，因此这个 AngularUI 版本没有编译版本（也没有更多的 CDN）。

您必须从分支 bootstrap3_bis2 获取所有源代码，并使用 grunt 构建它们。它在项目 README 中进行了解释（贡献于项目 > 构建）。

它将生成 2 个 JS 文件（一个已缩小，另一个未缩小），您必须将其中一个包含到您的页面中，它才能正常工作。

【讨论】：

感谢您的回复！这就说得通了！感谢您的帮助！