2017-04-05 47 views
0

我是bootstrap框架的新手,但我已經想要能夠使用AngularJS而不是提供的引導框中提供的jQuery。 BootstrapUI的文檔看起來很簡單,我可以簡單地從github下載代碼並將其包含在我的Django項目中。BootstrapUI是否完全支持Bootstrap的原始功能?

什麼我不是很清楚,也許我錯過了這個文檔的地方,但是這是爲了完全取代引導的JavaScript組件?例如,有很多JS庫是通過引導程序示例中的CDN傳遞的,這些JS庫似乎使站點瀏覽器獨立。例如,在超大屏幕的例子,我看到下面的代碼:

<!-- Bootstrap core JavaScript 
================================================== --> 
<!-- Placed at the end of the document so the pages load faster --> 
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" 
     integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> 
<script>window.jQuery || document.write('<script src="' + {% static 'bootstrap/docs/assets/js/vendor/jquery.min.js'%} + '"><\/script>')</script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" 
     integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"> 
</script> 
<script src="{% static 'bootstrap/dist/js/bootstrap.min.js' %}"></script> 
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> 
<script src="{% static 'bootstrap/docs/assets/js/ie10-viewport-bug-workaround.js' %}"></script> 

隨着BootstrapUI這事我拿出或離開?爲了在引導站點中使用Angular而不是jQuery,需要執行什麼確切的步驟?文檔並沒有真正解決這個問題。如果我錯過了某些東西,請指向正確的地方。

回答

0

好吧,我只需要假設導入引導ui js文件和注入代碼的代碼將魔法複製bootstrap的原始功能,因爲沒有人可以回答我是否有任何額外工作的問題包括網站文檔本身。

0

UI-Bootstrap基本上包含一堆Bootstrap組件,其中原始JavaScript/jQuery已被重寫幷包裝在AngularJS指令中,該指令可輕鬆放入您的應用程序中。

按照該文檔,

這個軟件庫包含了一套基於引導的標記和CSS本地AngularJS指令。 因此,不需要依賴於jQuery或Bootstrap的JavaScript

+0

好的。我明白。但究竟如何?例如,什麼指令代替了我發佈的瀏覽器特定代碼?這是我理解中的缺失鏈接 – Matt1776

+1

@ Matt1776 - 我不完全確定你在問什麼,但正如我所說的,你不需要你在代碼片段中包含的任何腳本。您只需將腳本引用添加到UI-Bootstrap(通過CDN,Bower,NPM,Yarn等),然後在應用程序中注入'ui.bootstrap'。 –

+0

那麼如果我正確地理解了你的話,所有引導程序自帶的瀏覽器特定的JS將自動*由該單行代碼實現?這對我來說並不明顯。但是,如果是這種情況,那麼神聖的狗屎是驚人的! – Matt1776