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的Bootstrap的本机AngularJS(Angular)指令.占用空间小(已压缩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版本具有默认的Bootstrap 模板捆绑在一起.无论如何，您只应包括以下内容之一 列出的文件. -谢谢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.

否则，您将看到类似的内容:

Otherwise you will see something like:

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屋！