4

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

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

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

4

2 回答 2

0

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

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

于 2017-03-05T15:45:59.203 回答
0

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

来自Reddit

ng-bootstrap 为Angular您可能需要调整的所有参数提供输入绑定。如果你只是在做基础,那么没有太大的区别。但是,一旦您需要访问不受 CSS 类控制的 Bootstrap 属性,那么使用 vanilla Bootstrap 您必须在 Javascript 逻辑中进行非常不棱角分明的 $(dom-id) 引用,而如果您是使用 ng-bootstrap 可以通过调整绑定到 ng-bootstrap 组件的属性来完成该操作。

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

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

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

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

  • 准备摇树以最小化大小

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

  • 模板预编译

于 2016-11-28T10:33:10.650 回答