2016-09-27 34 views
0

我想實現的iconPicker所以我要導入的文件的例子是:包括UI的自舉tpls.js腳本

<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鏈接更改爲本地鏈接時我無法找到此引導程序-tpls.min.js我在angular-bootstrap中找到了它並且它對我沒有任何作用,這有什麼區別? enter image description here

回答

4

請安裝角度引導

bower install angular-bootstrap 

編號:angular ui bootstrap doc

請參閱此行。

注意:不要安裝'angular-ui-bootstrap'。一個單獨的存儲庫 - bootstrap-bower - 託管已編譯的javascript文件和bower.json在上面的鏈接中的 。

角度-UI-引導https://github.com/angular-ui/bootstrap-bower

  • 這個庫包含所需UI-bootstrap.jsUI的自舉-tpls.js文件。基本上它的涼亭儲存庫舉行Angular UI Bootstrap。

  • 我們從這個命令bower install ui-bootstrap

  • UI的自舉tpls.js文件包含UI-bootstrap.min.js + HTML模板得到這個文件。

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

  • 這是角引導的主要存儲庫。
  • 這裏你看到源代碼爲<script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls.js"></script>的這一行,因爲這個文件包含所有的HTML +模板代碼,它們用於顯示角度引導的例子。所以其重用ui-bootstrap-tpls.js

我建議請使用bower install angular-bootstrap 安裝引導和刪除文件夾angular-ui-bootstrap

參考:請參閱此鏈接。它清楚地顯示了區別。 https://stackoverflow.com/a/19820670/2681997

我希望這會消除你的疑惑。

感謝

獎金:使用此工具安裝涼亭的依賴,這將不包括在項目的整個回購。

bower installer

+0

我已經角引導的截圖顯示了這一點。我問是否所有這些ui-bootstrap-tpls.min.js文件之間有任何區別,因爲我也在這個鏈接中找到一個 Rajeun

+0

@Rajeun:意思你是問'ui-bootstrap-tpls.min.js'和'ui-bootstrap-tpls-1.1.0.js'之間的區別嗎? –

+0

究竟爲什麼我們在angular-ui-bootstrap中找到第一個,在另一個組件中找到第二個 – Rajeun