javascript - ui-bootstrap-tpls 和 ui-bootstrap

标签 javascript angularjs twitter-bootstrap angular-ui-bootstrap

在我的应用程序中,我使用了 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 功能都不再起作用。

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

最佳答案

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.jsui-bootstrap-tpls.js 包含 Bootstrap 提供的所有 Javascript 模块的默认模板,即为什么它被命名-tpls.

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

因此,如果您不打算覆盖任何模板,您应该只包含 ui-bootstrap-tpls.min.jsui-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 功能。

关于javascript - ui-bootstrap-tpls 和 ui-bootstrap,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38431197/

相关文章:

javascript - jquery onclick 为拉出添加背景覆盖

javascript - 在 Javascript 中制作数字表程序(如 12 x 1 = 12)时出现问题

javascript - Bootstrap modal() 未定义不是 npm 模块的函数

javascript - 如何让我的 react-multi-carousel 为我的 ReactJS 应用程序使用灯箱功能

javascript - 需要一个允许所有特殊字符的密码验证正则表达式

javascript - 如何将 lib 包含到 karma 测试中?

angularjs - 尝试测试工厂时遇到注入(inject)问题

javascript - 光滑网格 : How to stop certain columns from being reordered?

javascript - 如何创建C#删除确认框

twitter-bootstrap - 并排的两种形式