我是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