在角度2中使用引导组件

Question

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

虽然有像ng-bootstrap其他引导文库专门为角2.

内置我想知道什么是两种方法之间的差异，并为它确定通过简单地NPM使用在角2引导部件安装的引导程序和包括在angular-cli.json中的应用程序脚本

Answer 1

使用npm包进行引导基本上增加了一些额外的输入绑定，以帮助您完成任务。

从Reddit，

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

我个人使用香草bootstrap和包括jquery。我已经阅读过，以避免包括这样的jQuery，但它并没有造成我的任何问题。尽管如此，它可能很难做一些事情。我在使用标签和可扩展卡时遇到了问题。即使有ng2我必须创建booleans以跟踪它们是否展开。

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

使用NG版的另一个亲就是它很轻，因为： *不使用jQuery

• 准备使用ES2015模块和懒加载

• 准备就绪树摇动最小化尺寸

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

• 模板预编译

Answer 2

在我的项目，我已经创建指令来instantiat了jQuery +引导部件。

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