我有一个项目应该使用 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。
- 不是这个:https://github.com/mgcrea/angular-strap/blob/master/src/directives/button.js
- 但是这个:http://angular-ui.github.io/bootstrap/
- 或者写下你的 拥有!
更新 现在有一个纯 Angular 版本的 bootstrap。在这里找到它 -> http://mgcrea.github.io/angular-strap/
关于angularjs - 如何集成 bootstrap-3.0.1 和 AngularJS?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19709696/