2013-08-27 64 views
7

根據Bootstrap 3文檔(),Bootstrap 3的js組件依賴於jQuery。Angluar.js&Bootstrap - jQuery依賴

插件依賴

一些插件和CSS組件依賴於其他插件。如果您單獨包含插件,請確保在文檔中檢查這些依賴關係。另外請注意,所有插件都依賴於jQuery(這意味着jQuery必須包含在插件文件之前)。

我正在研究使用Angular.js,其中大家都說「drop jQuery!」似乎Angular團隊在Bootstrap v2.3.2(http://angular-ui.github.io/bootstrap/)上進行了滑動。 Bootstrap 3有什麼類似的工作嗎?我現在只需要和jQuery一起生活?

感謝

+1

只要你想使用的JavaScript引導插件...它看起來像你需要使用jQuery –

+1

住考慮到Twitter的引導3出來了有關一週前,代碼從2變化很大。x,我會假設你會等一會兒。對你來說最簡單的做法是堅持使用Bootstrap 2.x,並完全忽略3.x。 –

+0

如果您決定從AngularJS應用中刪除/省略jQuery,那麼如果您還沒有開始查看[jqlite](http://docs.angularjs.org/api/angular.element),則需要開始查看。盡你所能,一定要確認你所需要的一切都會在你身邊。 – jnthnjns

回答

3

有幾件事情:

如果你還沒有在發角的玩具應用程序,但是,我強烈建議這樣做。你會更清楚地知道你需要做多少學習/移植,以及它將如何滿足你的需求。 (我不認爲人們完全同意這一點,但這裏是我的兩分錢:)至於jQuery的下降事情,只要你保持所有的DOM操作在指令內部,沒有什麼錯包裝jQuery小部件(當你足夠好的時候寫你自己的指令),因爲那樣jQuery就會被隔離,只有你如何表達你的模型。然後,當Angular社區從插件和擴展開始追趕jQuery時,您可以開始重構您的視圖,以便不使用jQuery相關的指令,然後您就可以完全刪除依賴項。

此外,世界已經倖存了Bootstrap 2和Angular插件一段時間 - 有什麼你需要在3,你不能沒有?我相信你現在知道 - 新的並不總是更好;你不應該修理沒有損壞的東西;等等。

+0

我同意Bootstrap 2作爲工作解決方案。在網站開發中,我覺得技術運行速度很快。我預計在接下來的幾個月裏,Bootstrap 3將超過2。由於我正處於項目的開始階段,因此我認爲今後儘可能好地證明它是明智的。 –

3

這是關於放棄jQuery和更多關於放棄命令性心態的更少。 「Angular Way」首先定義組件(指令,服務等),然後以聲明性地將這些組合在您的應用程序中。

如果您需要jQuery中特別閃耀的東西,您可以將它包裝在指令中並以聲明方式使用它。

所以不是:

$('.elements-of-interest').addSparklyThing(); 

您創建了一個閃閃發光的東西指令,也許作爲一個屬性:

<div sparkly-thing>foo</div> 

在我給一系列的指令在命令式的方式尚屬首例。在第二種情況下,我只是聲明這個 div也是一件閃亮的事情。

對於一個更全面,更教條主義的觀點,請參見:"Thinking in AngularJS" if I have a jQuery background?