Angular 2 cli 使得添加引导 js 组件并在项目组件中使用它们成为可能。
虽然还有其他引导库,例如专门为 Angular 2 构建的ng-bootstrap 。
我想知道这两种方法之间有什么区别,是否可以通过简单地 npm install bootstrap 并在 angular-cli.json 中包含在应用程序脚本中来使用 angular 2 中的引导组件
Angular 2 cli 使得添加引导 js 组件并在项目组件中使用它们成为可能。
虽然还有其他引导库,例如专门为 Angular 2 构建的ng-bootstrap 。
我想知道这两种方法之间有什么区别,是否可以通过简单地 npm install bootstrap 并在 angular-cli.json 中包含在应用程序脚本中来使用 angular 2 中的引导组件
在我的项目中,我创建了指令来实例化 jquery+bootstrap 组件。
我的指令具有初始化组件所需的配置处理。
使用 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 模块和延迟加载
准备摇树以最小化大小
准备好使用您想要的任何捆绑类型
模板预编译