如何在我的應用程序中包含jQuery？

Question

我正在開發基於angular gulp generator的應用程序。 我想使用angular-ui和bootstrap組件。 我能夠構建該應用程序，但是生成的index.html文件包含boostrap，angular ui的script標簽，但此處缺少jquery。

我在bower.js文件中有jquery，並且運行了bower install命令。 它安裝在bower_components目錄中。

瀏覽器控制台包含錯誤

Error: Bootstrap's JavaScript requires jQuery
throw new Error('Bootstrap\'s JavaScript requires jQuery')

是否有必要將查詢插入角度應用程序，或者為什么會發生錯誤？

Answer 1

從常見問題解答 ：

Angular是否使用jQuery庫？

是的，如果在引導應用程序時Angular出現在您的應用程序中，則可以使用jQuery。 如果您的腳本路徑中不存在jQuery，則Angular會退回到它自己的jQuery子集（我們稱為jQLite）的實現。

Angular 1.3僅支持jQuery 2.1或更高版本。 jQuery 1.7和更高版本可能可以與Angular一起正常使用，但我們不保證一定如此。

使用jQLite 。 猜猜這就是您的解決方案。

Answer 2

問題是，親愛的您正在使用需要jquery的Bootstrap js。

在Angular-ui網站上明確表示僅需要引導CSS和Augular js。

唯一需要的依賴項是：

AngularJS（需要AngularJS 1.3.x，已通過1.3.13測試）。 0.12.0是該庫支持AngularJS 1.2.x的最新版本。

Bootstrap CSS（經過3.1.1版測試）。 該版本的庫（0.13.0）僅可用於3.x版的Bootstrap CSS。 0.8.0是此庫的最后一個版本，在2.3.x版中支持Bootstrap CSS。

因此，根據您的問題。

是否有必要將查詢插入角度應用程序，或者為什么會發生錯誤？

在角度js的上下文中根本沒有必要。

它顯示錯誤，因為您使用的是boostrap js，必須在加載jquery之前先添加它。 根據引導程序。 鏈接

插件依賴性一些插件和CSS組件依賴於其他插件。 如果您單獨包含插件，請確保在文檔中檢查這些依賴性。 還要注意，所有插件都依賴jQuery（這意味着jQuery必須在插件文件之前包含jQuery）。 請查閱我們的bower.json以查看支持哪些版本的jQuery。

默認情況下，angular使用jqulite，但是如果您在加載angular js之前添加jquery，它將使用jquery。

希望能幫助到你 ：）。

Answer 3

這應該可以解決您的問題bower install jqlite --save