我是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,需要執行什麼確切的步驟?文檔並沒有真正解決這個問題。如果我錯過了某些東西,請指向正確的地方。
好的。我明白。但究竟如何?例如,什麼指令代替了我發佈的瀏覽器特定代碼?這是我理解中的缺失鏈接 – Matt1776
@ Matt1776 - 我不完全確定你在問什麼,但正如我所說的,你不需要你在代碼片段中包含的任何腳本。您只需將腳本引用添加到UI-Bootstrap(通過CDN,Bower,NPM,Yarn等),然後在應用程序中注入'ui.bootstrap'。 –
那麼如果我正確地理解了你的話,所有引導程序自帶的瀏覽器特定的JS將自動*由該單行代碼實現?這對我來說並不明顯。但是,如果是這種情況,那麼神聖的狗屎是驚人的! – Matt1776