包括ui-bootstrap-tpls.js脚本

时间:2016-09-27 09:40:21

标签: angularjs twitter-bootstrap angular-ui-bootstrap

我正在尝试实现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>

我安装了带有凉亭的组件

<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链接更改为本地时,我找不到这个bootstrap-tpls.min.js我在angular-bootstrap中找到它并且它对我不起作用有什么区别? enter image description here

1 个答案:

答案 0 :(得分:4)

请安装角度引导程序

subscribe()

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

请看这一行。

  

注意:不要安装'angular-ui-bootstrap'。一个单独的仓库 -   bootstrap-bower - 托管已编译的javascript文件和bower.json   以上链接。

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

  • 此存储库包含必需的 ui-bootstrap.js ui-boostrap-tpls.js 文件。基本上它的bower存储库用于存放Angular UI Bootstrap。

  • 我们从此命令bower install angular-bootstrap

  • 获取此文件
  • ui-bootstrap-tpls.js文件包含 ui-bootstrap.min.js + html模板

angular-bootstrap https://stackoverflow.com/a/19820670/2681997

  • 这是角度引导程序的主要存储库。
  • 在这里,您可以在源代码bower install ui-bootstrap中看到此行,因为此文件包含用于显示角度引导程序示例的所有html +模板代码。所以它重用了<script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls.js"></script>

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

参考:请参阅此链接。它清楚地显示了差异。 bower installer

我希望这会清除你的怀疑。

由于

奖金:使用此工具来安装不包含项目中整个回购的bower依赖项。

{{3}}