javascript - ui-bootstrap-tpls 和 ui-bootstrap

Question

在我的应用程序中，我使用了 boostrap.ui 的 $modal 指令。我还使用具有下拉功能的 Bootstrap 导航栏。

我遇到了无法找到 window.html 的问题 as described in this topic .

我的问题是我同时包含一个ui-boostrap.js 文件和一个ui-bootstrap-tpls 文件(v1.3.2)

According to this topic ，我应该只需要 tpls 文件。但是，当我删除 boostrap.js 文件时，标题中下拉菜单的所有其他 Bootstrap 功能都不再起作用。

难道不能同时使用这两种功能吗？

Answer 1

UI-Bootstrap 库只是核心 Bootstrap 库的 Angular 包装器，用于从应用程序中删除 jQuery 的依赖性。来自文档:

This repository contains a set of native AngularJS directives based on Bootstrap's markup and CSS. As a result no dependency on jQuery or Bootstrap's JavaScript is required.

ui-bootstrap-tpls.min.js 或 ui-bootstrap-tpls.js 包含 Bootstrap 提供的所有 Javascript 模块的默认模板，即为什么它被命名-tpls.

另一个文件 ui-bootstrap.min.js 或 ui-bootstrap.js 不包含 Javascript 模块/功能的任何模板。

因此，如果您不打算覆盖任何模板，您应该只包含 ui-bootstrap-tpls.min.js 或 ui-bootstrap-tpls.js。

关于为什么删除 bootstrap.js 后下拉列表停止工作的答案是您的 HTML 代码仍在使用 Bootstrap 的 jQuery 版本，但您应该开始使用这些模块的 ui-bootstrap 版本。是的，可以同时包含 Angular 版本的 Bootstrap (即 ui-bootstrap.min.js)和 jQuery 版本的 Bootstrap (bootstrap.js)，但它将应用程序的额外开销。

如果您已经包含了 ui-bootstrap 库，则无需 jQuery 即可使用 Bootstrap 的 Javascript 功能。