编程语言
首页 > 编程语言> > javascript-ui-bootstrap-tpls和ui-bootstrap

javascript-ui-bootstrap-tpls和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文件时,标头中下拉菜单的所有其他引导程序功能均无法正常工作.

不可能同时提供两种功能吗?

解决方法:

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代码仍在使用jQuery版本的Bootstrap,但是您应该开始使用这些模块的ui-bootstrap版本.是的,可以同时包含Angular版本的bootstrap(即ui-bootstrap.min.js)和jQuery版本的bootstrap(bootstrap.js),但这会增加应用程序的额外开销.

如果您已经包含ui-bootstrap库,则不需要jQuery即可使用Bootstrap的Javascript功能.

标签:angularjs,twitter-bootstrap,angular-ui-bootstrap,javascript
来源: https://codeday.me/bug/20191026/1939747.html