消歧义:Angular、Bootstrap (css & js)、angular.bootstrap、UI Bootstrap,以及关于 [=12 我应该知道的任何其他信息=] 和 Bootstrap

Disambiguation: Angular, Bootstrap (css & js), angular.bootstrap, UI Bootstrap, and anything else I should know about Angular and Bootstrap

我最近开始从事别人发起的 Angular 项目。我很喜欢它,但对 Angular 与 Bootstrap 的关系感到非常困惑。特别是因为似乎所有关于它们如何相互关联的网站都假定您已经了解它们如何相互关联。

这是我认为我知道的:

我感觉 Twitter 将他们的框架命名为 Bootstrap 更多是因为出于某种原因他们认为它很聪明,即使它与文字 bootstrap 或编码隐喻有任何关系, “bootstrapping”。如果那是真的,那就去他妈的那些家伙。但是,如果我错了,请再次纠正我。

Angularjs 是一个框架,可帮助您构建单页应用程序 (SPA),它提供了所有必要的组件(路由、历史管理、模板、与服务器的通信、缓存) ,数据绑定...等)。它不为您提供 UI 控件或响应式设计。

另一方面,

Bootstrap 为您提供了所有 类 和一组控件,使构建响应迅速且内容丰富的 UI 更加容易。 Angularjs 不需要 Bootstrap 而 Bootstrap 不需要 angular。他们互相完善。但当然您可以使用任何 UI 框架来构建响应式设计。注意:bootstrap 中的 JS 文件仅在您想使用 bootstrap 中的控件时才需要,但如果您只想使用 bootstrap 的网格和响应部分,则不需要需要 JS 文件。

Bootstrap UI 是在 angular 应用程序中使用 bootstrap 控件的指令集合,因为您不能直接在您的应用程序中处理 bootstrap 控件angular 因为它们需要页面周期才能正确加载,但 angular 生命周期与页面生命周期不同。加载带有一些 bootstrap 控件的 angular 模板将不起作用,因为我认为它需要文档就绪事件以便 bootstrap 呈现其控件,这就是团队构建这组控件的原因。

另一方面,Angular UI也是一组web开发者可能需要或熟悉的不同控件,内置在Angularjs中,再次,JQuery 如果您使用 angular 路由或其他没有页面生命周期的方法加载它们,控件将无法在 angular 模板中工作。