包含 ui-bootstrap-tpls.js 脚本

Question

我正在尝试实现 iconPicker 的示例，因此我应该导入的文件是：

    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js"></script>
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.10.0/ui-bootstrap-tpls.min.js"></script>
    <script type="text/javascript" src="//rawgithub.com/justin-lau/ui-iconpicker/v0.1.4/dist/scripts/ui-iconpicker.min.js"></script>

我用 bower 安装了组件

<script src="@routes.Assets.versioned("bower_components/angular/angular.min.js")" type="text/javascript"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.10.0/ui-bootstrap-tpls.min.js"></script>
<script src="@routes.Assets.versioned("bower_components/ui-iconpicker/dist/scripts/ui-iconpicker.min.js")"></script>

问题是当我尝试将 cdn link 更改为本地时我找不到这个 bootstrap-tpls.min.js 我在 angular- 中找到了它bootstrap 和它对我不起作用有什么区别吗？

Answer 1

请安装angularbootstrap

bower install angular-bootstrap

参考：angular ui bootstrap doc

请看这一行。

Note: do not install 'angular-ui-bootstrap'. A separate repository - bootstrap-bower - hosts the compiled javascript file and bower.json In above link.

angular-ui-bootstrap : https://github.com/angular-ui/bootstrap-bower

此存储库包含 required ui-bootstrap.js 和 ui-boostrap-tpls.js 个文件。基本上它的 bower 存储库可以容纳 Angular UI Bootstrap.
我们通过此命令获取此文件 bower install ui-bootstrap
ui-bootstrap-tpls.js 文件包含 ui-bootstrap.min.js + html 模板.

angular-bootstrap : https://github.com/angular-ui/bootstrap.

这是 angular bootstrap 的主要存储库。
你在源代码 <script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls.js"></script> 中看到这一行，因为该文件包含所有 html + 用于在 angular 中显示 bootstrap 示例的模板代码。所以它重用了ui-bootstrap-tpls.js。

我建议使用 bower install angular-bootstrap 安装 bootstrap 并删除 angular-ui-bootstrap 文件夹.

参考： 请参阅此 link。它清楚地显示了差异。

我希望这会消除你的疑虑。

谢谢

奖励：使用此工具安装不会在项目中包含整个存储库的 Bower 依赖项。

bower installer

包含 ui-bootstrap-tpls.js 脚本

include ui-bootstrap-tpls.js script

twitter-bootstrap

angularjs

angular-ui-bootstrap