ui-bootstrap-tpls.min.js 和 ui-bootstrap.min.js 有什么区别? [英] What is the difference between ui-bootstrap-tpls.min.js and ui-bootstrap.min.js?
问题描述
在 cdnjs 上的 Angular-UI-Bootstrap 页面上,说:
At the Angular-UI-Bootstrap page on cdnjs, is says:
用于 Twitter 引导程序的原生 AngularJS (Angular) 指令.占用空间小(gzipped 5 kB!),不需要第三方 JavaScript 依赖项(jQuery、Bootstrap JavaScript)!
Native AngularJS (Angular) directives for Twitter's Bootstrap. Small footprint (5 kB gzipped!), no third-party JavaScript dependencies (jQuery, Bootstrap JavaScript) required!
... 并且有选项
//cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.6.0/ui-bootstrap-tpls.min.js
和
//cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.6.0/ui-bootstrap.min.js
区分这些显示了细微的差异,我似乎找不到任何关于它的文档......
Diff'ing these shows a subtle difference, and I can't seem to find any documentation on it...
长话短说,除非您要创建自定义,否则请使用 tpls模板.
Long story short, use tpls unless you are going to create customized templates.
这里有记录:github.com/angular-ui/bootstrap/tree/gh-pages#build-files(链接自主页也是如此).简而言之 -tpls 版本具有默认引导程序模板捆绑.在任何情况下,您都应该只包含其中之一列出的文件.- 感谢 pkozlowski.opensource
It is documented here: github.com/angular-ui/bootstrap/tree/gh-pages#build-files (linked from the home page as well). In short the -tpls version has default Bootstrap templates bundled. In any case you should only include one of the listed files. - Thanks pkozlowski.opensource
推荐答案
所以,ui-bootstrap-tpls.min.js == (ui-bootstrap.min.js + HTML 模板) 需要通过 JavaScript 代码.如果您只包含 ui-bootstrap.min.js,您还需要提供自己的 HTML 模板.
So, ui-bootstrap-tpls.min.js == (ui-bootstrap.min.js + HTML templates) required by the JavaScript code. If you only included ui-bootstrap.min.js, you will also need to provide your own HTML templates.
否则你会看到类似:
GET http://localhost:8989/hello-world/template/tooltip/tooltip-popup.html 404 (Not Found) angular.js:7073
Error: [$compile:tpload] http://errors.angularjs.org/undefined/$compile/tpload?p0=template%2Ftooltip%2Ftooltip-popup.html
at Error (<anonymous>)
at http://localhost:8989/hello-world/js/vendor/angular-1.2.0-rc.3/angular.min.js:6:453
at http://localhost:8989/hello-world/js/vendor/angular-1.2.0-rc.3/angular.min.js:54:14
at http://localhost:8989/hello-world/js/vendor/angular-1.2.0-rc.3/angular.min.js:64:438
at A (http://localhost:8989/hello-world/js/vendor/angular-1.2.0-rc.3/angular.min.js:89:258)
at A (http://localhost:8989/hello-world/js/vendor/angular-1.2.0-rc.3/angular.min.js:89:258)
at http://localhost:8989/hello-world/js/vendor/angular-1.2.0-rc.3/angular.min.js:90:465
at g.$eval (http://localhost:8989/hello-world/js/vendor/angular-1.2.0-rc.3/angular.min.js:98:272)
at g.$digest (http://localhost:8989/hello-world/js/vendor/angular-1.2.0-rc.3/angular.min.js:96:142)
at g.$apply (http://localhost:8989/hello-world/js/vendor/angular-1.2.0-rc.3/angular.min.js:99:100)
这篇关于ui-bootstrap-tpls.min.js 和 ui-bootstrap.min.js 有什么区别?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!