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

在我的应用程序中,我使用的是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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。