ui-bootstrap-tpls.min.js和ui-bootstrap.min.js有什么区别？

一尘不染

ui-bootstrap-tpls.min.js和ui-bootstrap.min.js有什么区别？

angularjs

Twitter的Bootstrap的本机AngularJS（Angular）指令。占用空间小（已压缩5
kB！），无需第三方JavaScript依赖项（jQuery，Bootstrap JavaScript）！

…并具有以下选项

//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

区分这些显示出细微的差别，我似乎找不到关于它的任何文档…

长话短说，除非您要创建自定义模板，否则请使用tpls。

它记录在这里：github.com/angular-ui/bootstrap/tree/gh-pages#build-
files（也从主页链接）。简而言之，-tpls版本捆绑了默认的Bootstrap模板。无论如何，您只应包括列出的文件之一。-感谢pkozlowski.opensource

阅读 296

2020-07-04

共1个答案

一尘不染

因此， JavaScript代码需要 ui-bootstrap-tpls.min.js ==（ui-bootstrap.min.js +
HTML模板）。如果仅包含ui-bootstrap.min.js，则还需要提供自己的HTML模板。

否则，您将看到类似以下内容：

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)

2020-07-04