在角度2

Question

Angular 2 cli可以添加bootstrap js组件并在项目组件中使用它们。

虽然还有其他一些引导程序库，例如专为角度2构建的ng-bootstrap。

我想知道两种方法之间有什么区别，可以通过简单的npm install bootstrap在angular 2中使用bootstrap组件，并在angular-cli.json中包含应用程序脚本

Answer 1

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

来自Reddit，

  

ng-bootstrap为所有参数提供Angular输入绑定   你可能需要调整一下。如果你只是在做基础知识那么   差别不大。但是只要你需要访问Bootstrap   不受CSS类控制的属性，然后是vanilla   Bootstrap你必须做非常非棱角分明的$（dom-id）引用   你的Javascript逻辑，而如果你正在使用ng-bootstrap那个动作   通过调整绑定到的属性来完成   ng-bootstrap组件。

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

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

  

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

     

  

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

  

• 准备好让树木摇动以减小尺寸

  

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

  

• 模板预编译

  

Answer 2

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

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