混合Angular.js和Bootstrap 3 – 不兼容的地方在哪里?

这是一个概念性问题。 我正在考虑将AngularJS添加到我的下一个项目中,我已经选择使用Twitter Bootstrap 3进行UI控制。 我看到两个框架之间的其他stackoverflow问题可能存在摩擦,但我不太确定两者之间可能存在不兼容性的根本原因是什么。

他们都听事件,但bootstrap主要是前端显示库,而在我看来,angular.js更深入。 也许有人可以从根本上解释不兼容性开始出现的地方 。 希望以某种方式直接贷款,以确定在同一个项目中混合两者是一个好主意,或者如果这样做应该避免什么。 这可以节省大量的时间通过调试来学习,因为它太晚了,或者首先避免使用错误的架构。

潜在的问题是Bootstrap使用jQuery来实现其许多UIfunction。 由jQuery改变的任何内容都不会反映在Angular中 – 例如,使用“常规”javascript(或jquery)检查复选框不会以用户检查它的方式自动更新其ng模型。

我说大多数bootstrap插件可以制作成指令,就像Angular-strap一样。 但这可能是很多工作。 一些常见的(如咆哮)也可作为Github上的独立角度项目。