BootstrapUI是否完全支持Bootstrap的原始功能?

时间:2017-04-05 00:09:48

标签: angularjs twitter-bootstrap bootstrap-ui

我是bootstrap框架的新手,但我已经希望能够使用AngularJS而不是引导框中提供的jQuery。 BootstrapUI的文档似乎很简单,我只需从github下载代码并将其包含在我的Django项目中。

我不是很清楚,也许我在某处的文档中错过了这个,但这是否意在完全取代bootstrap的javascript组件?例如,在引导示例中有许多JS库通过CDN传递,这些库似乎使站点浏览器独立。例如,在jumbotron示例中,我看到以下代码:

<!-- 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,我需要执行哪些确切的步骤?文档并没有真正解决这个问题。如果我错过了什么,请把我指向正确的地方。

1 个答案:

答案 0 :(得分:1)

UI-Bootstrap基本上包含一堆Bootstrap组件,其中原始的JavaScript / jQuery已经重写并包装在AngularJS指令中,可以轻松地将其放入应用程序中。

根据文档,

  

此存储库包含一组基于Bootstrap标记和CSS的本机AngularJS指令。 因此,不需要依赖jQuery或Bootstrap的JavaScript