angularjs - 如何集成 bootstrap-3.0.1 和 AngularJS?

标签 angularjs twitter-bootstrap-3

我有一个项目应该使用 AngularJS 和 Bootstrap( http://getbootstrap.com/ ) 来获取警报和进程指示器。

但是当我包含 Bootstrap 的 css 文件时,它会混合应用程序,因此其他 css 文件的定义似乎被覆盖。

这两个框架应该如何在同一个应用程序中使用?

我已经尝试了几乎所有我知道的方法,但还没有成功地将这两者结合在同一个应用程序中。

最诚挚的问候,

最佳答案

不要。 Bootstrap 基于 jQuery 驱动的思想,它从根本上被组件化为 DOM 操作的隔离状态机。 Angular 基于 Angular $digestion 和 HTML 编译的完全不同的思维过程。

如果必须组合它们,请仅使用 CSS。拥有两组带有适配器的状态机会带来开销和人为错误的空间,而这些是不需要存在的。我建议您编写自己的 Angular 指令来利用 Bootstraps CSS,但不要尝试在 JS 级别将两者集成到一个应用程序中。

已经有一些项目尝试通过指令来做到这一点,这是一个好主意。我建议使用不依赖于 jQuery 并且是原生 Angular 实现的 bootstrap 指令项目,而不是将 Bootstrap 的 jQuery 代码改编为 Angular。

<小时/>

更新 现在有一个纯 Angular 版本的 bootstrap。在这里找到它 -> http://mgcrea.github.io/angular-strap/

关于angularjs - 如何集成 bootstrap-3.0.1 和 AngularJS?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19709696/

相关文章:

javascript - 带有工具提示值的图表

angularjs - Ng 显示变量是否为数字

css - Grunt 构建不会创建 css 文件

angularjs - angularjs elasticsearch typeahead匹配未定义

jquery - 如何使 Bootstrap 轮播 slider 使用移动左/右滑动

javascript - 从数组中删除第一个字母与字符匹配的元素

javascript - Angular Directive(指令) Controller 看不到传递的参数更新

javascript - Bootstrap 3 旋转木马和导航栏不工作

javascript - Bootstrap 3动态显示文字

twitter-bootstrap-3 - 如何在 Bootstrap 3 的导航栏中制作响应式 Logo