在角度 2 中使用引导组件

Question

Angular 2 cli 使得添加引导 js 组件并在项目组件中使用它们成为可能。

虽然还有其他引导库，如 ng-bootstrap 专门为 Angular 2 构建的。

我想知道这两种方法有什么区别，是否可以通过简单地 npm install bootstrap 并在 angular-cli.json 中包含在应用脚本中来使用 angular 2 中的引导组件

Answer 1

使用 npm 包进行引导基本上会添加一些额外的输入绑定来帮助您完成工作。

来自Reddit，

ng-bootstrap 为您提供所有参数的Angular 输入绑定 你可能需要调整。如果您只是做基础知识，那么那里 没有太大区别。但是，只要您需要访问 Bootstrap 不受 CSS 类控制的属性，然后使用 vanilla Bootstrap 你必须在 你的 Javascript 逻辑，而如果你使用 ng-bootstrap 那个动作 是通过调整绑定到 ng-bootstrap 组件。

我个人使用 vanilla Bootstrap 并包含 jquery。我以前读过以避免像这样包含jquery，但它还没有给我带来任何问题。但是，它可能会使某些事情变得困难。我在使用标签和可扩展卡片时遇到了问题。即使使用ng2，我也必须创建booleans 来跟踪它们是否被扩展。

使用它没有任何问题。它可能更好，更安全。

使用 ng 版本的另一个优点是它的重量轻，因为： * 不使用 jquery

• 准备使用 es2015 模块和延迟加载

• 准备摇树以最小化大小

• 准备好使用您想要的任何捆绑类型

• 模板预编译

Answer 2

在我的项目中，我创建了指令来实例化 jquery+bootstrap 组件。

我的指令具有初始化组件所需的配置处理。