带有 Twitter Bootstrap 的 Angular 2答案

【问题标题】：Angular 2 with Twitter Bootstrap带有 Twitter Bootstrap 的 Angular 2
【发布时间】：2016-09-26 13:56:09
【问题描述】：

Twitter Bootstrap 库如何与 Angular 2 框架一起使用？基本上我可以想到两种不同的方式

哪种方式更简单、更可重构、更高效？

【问题讨论】：

有一个ng2-strap
npm i ng2-bootstrap --save
你能解释一下为什么我应该支持 ng2-bootstrap 而不是只使用 Angular 2 和 Bootstrap 吗？是否不能在styleUrl 中包含Bootstrap 并开始在模板中使用它？为什么我们需要 Angular 特定的库？我问是因为在工业中我们不能依赖任何任意库。

【解决方案1】：

您可以毫无复杂地将 Bootstrap.css 与 Angular2 集成，有很多选项（使用 CDN、手动导入、使用 npm install ...），这里的问题是您还需要导入 Bootstrap.js 和充分利用 JQuery 的引导框架。

您正在开发一个 JS 框架，因此您不应依赖可能会干扰您的 DOM 管理的外部 JS 库。使用 ng-bootstrap 你有 angular 可以使用的组件（无需导入 Bootstrap.js 和 JQuery），它是为 angular 设计的。

【讨论】：