1. 首页
  2. 问题
  3. ui-bootstrap-tpls.min.js 和 ui-bootstrap.min.js 有什么区别？
小编典典

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

all

在 cdnjs 的Angular-UI-Bootstrap 页面上，说：

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


阅读 208

收藏
2022-07-02

共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)
2022-07-02