2017-04-05 50 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