"ng-bootstrap"和"ngx-bootstrap"有什么区别？

Question

"ng-bootstrap"和"ngx-bootstrap"有什么区别？它们是否相互关联？或者它们只是并发实现？

有人和他们一起工作,可以给出/解释两者的利弊吗？

使用"ng-bootstrap"我的意思是https://ng-bootstrap.github.io/#/home和

与"ngx-bootstrap"我的意思是http://valor-software.com/ngx-bootstrap/.

两者都与Angular 4(不是AngularJS!)和Bootstrap 4有关.

请注意,这不是ngx-bootstrap和ng2 bootstrap之间重复的问题？.

Answer 1

ng-bootstrap和ngx-bootstrap是两个不同项目团队的两个不同的项目,它们试图完成或多或少相同的事情 - 允许你在不使用jQuery的情况下在Angular(2+)中使用Bootstrap.

他们都只使用Angular(没有jQuery)来重建Bootstrap组件.主要区别在于它们支持哪个版本的Bootstrap.

• ngx-bootstrap支持Bootstrap 3和4.
• ng-bootstrap支持Bootstrap 4并需要Angular 5+.

这意味着如果您需要使用Bootstrap版本3,那么ngx-bootstrap是您唯一真正的选择.如果您可以使用Bootstrap 4,那么您可以在两个项目之间进行选择.

另一个(可能很重要的)差异是项目背后的团队.在这方面要注意的关键点是ng-bootstrap背后的团队还负责angular-ui-bootstrap - Bootstrap库的AngularJS(即1.x)版本.

Answer 2

我正在考虑为我的项目使用什么,然后在比较两个项目之后,我认为使用valor-software的ngx-bootstrap是一个更好的选择,因为它有动画内置到它的模态组件中.Ng-bootstrap动画仍然不存在,没有动画的模式弹出是一个主要的无聊.其他原因是Ng-bootstrap仍处于测试阶段,与ngx-bootstrap(已经有一个候选版本已经推出)(12.22.2017)相比,我无法将它用于我的生产应用程序.不过,我希望这两个项目都能带来好运,并希望能够找到可靠的解决方案.

Answer 3

我已经使用过 ngx-bootstrap(by Valor) 和 ng-bootstrap(by ng-boostrap)。以下是我从它们中获得的独特功能中的两分钱：

ngx 引导程序：

1. 几乎所有内容的内置动画支持（模态、手风琴、折叠、下拉、日期选择器...）
2. 更好的模态支持（嵌套模态、模态即服务、模态作为模板）
3. 可排序组件（具有拖放功能）

ng-bootstrap：

1. 导航功能（Tabset 已被弃用）
2. 内置 Toast 组件
3. 包大小几乎是 ngx-bootstrap 的一半（缩小 + Gzipped）

您还可以将他们的 npm 下载计数与npmtrends进行比较。

[注意：我的回答基于当前最新版本，即 ngx-bootstrap v5.5.0 和 ng-boostrap v6.0.0]

Answer 4

同意@Dilshan.我还决定为我们的新产品选择ngx-bootstrap.经过一些研究,我发现ngx更成熟,更稳定.ng-bootstrap正在开发中.

作为一个很好的参考资源,CoreUI.io有一个功能齐全的CoreUI + Angular 5.x + ngx-bootstrap示例项目.我实际上从这个项目中学习了ngx.您可以浏览其实时预览或下载项目包.

Answer 5

ng-bootstrap 似乎不受支持 - 最重要的请求是 appendTo body 并且维护者说他不在该项目上工作。

我一直在将所有内容切换到 ngx-bootstrap

Answer 6

他们的日期选择器使用的格式之间有一个区别。ng-bootstrap使用一个对象，但是ngx-bootstrap将采用一个更易于使用的字符串。

Answer 7

与其说是扩展评论，不如说是答案......

我不太确定团队是否独立。运行npm view ngx-bootstrap并npm view ng-bootstrap显示两者都是使用相同的电子邮件帐户发布的。

我认为这两个团队是相关的。

npm 查看ngx -bootstrap

C:\:
17:07:25.16>npm view ngx-bootstrap

ngx-bootstrap@3.0.1 | MIT | deps: none | versions: 40
Native Angular Bootstrap Components
https://github.com/valor-software/ngx-bootstrap#readme

keywords: angular, bootstap, ng, ng2, angular2, twitter-bootstrap

dist
.tarball https://registry.npmjs.org/ngx-bootstrap/-/ngx-    bootstrap-3.0.1.tgz
.shasum: e98d2fc6340f32a9d358cd08e8fda7dcb23bdab3
.integrity: sha512-ni91yYtn8ldgf/pxrlwl9lkVcLURGzopSpJnEbbgG1v1EZWTobI8y7J3mx4Kxptkn0EeiQwnLel67G7XJSox4A==
.unpackedSize: 8.4 MB

maintainers:
- valorkin <valorkin@gmail.com>

dist-tags:
latest: 3.0.1       next: 3.0.1         test: 0.0.0-test.0

published a month ago by valorkin <valorkin@gmail.com>

npm 查看ng -bootstrap

C:\:
17:16:42.36>npm view ng-bootstrap

ng-bootstrap@1.6.3 | MIT | deps: 1 | versions: 8
Native Angular Bootstrap Components
https://github.com/valor-software/ngx-bootstrap#readme

keywords: ng, ng-bootstap, angular, angular2, bootstrap, twitter-bootstrap

dist
.tarball https://registry.npmjs.org/ng-bootstrap/-/ng-bootstrap-1.6.3.tgz
.shasum: d41fd42154c0593422cb83c473a3828aa7525bf5

dependencies:
moment: 2.18.1

maintainers:
- pkozlowski_os <pkozlowski.opensource@gmail.com>
- ng-bootstrap <foxandxss@gmail.com>

dist-tags:
beta: 1.1.16-3  latest: 1.6.3

published a year ago by valorkin <valorkin@gmail.com>

Answer 8

问题中提到的ng-bootstrap（位于https://ng-bootstrap.github.io的那个）不是npm软件包ng-bootstrap。

相反，npm软件包是@ ng-bootstrap / ng-bootstrap

它是由另一个团队开发的。

$ npm视图@ ng-bootstrap / ng-bootstrap

@ ng-bootstrap / ng-bootstrap @ 3.2.0 | 麻省理工学院 部门：1 | 版本：61角动力Bootstrap https://github.com/ng-bootstrap/ng-bootstrap#readme

npm软件包ng-bootstrap看起来确实是ngx-bootstrap的旧版本。