关于angular:“ng-bootstrap”和“ngx-bootstrap”有什么区别?

What is the difference between “ng-bootstrap” and “ngx-bootstrap”?

"ng bootstrap"和"ngx bootstrap"有什么区别?他们之间有联系吗?或者它们只是并发实现?

是否有人同时与他们合作,并能给出/解释两者的优缺点?

"ng bootstrap"的意思是https://ng bootstrap.github.io//home和

对于"ngx bootstrap",我的意思是http://valor software.com/ngx bootstrap/。

两者都与角4有关(不与角J有关!)和引导程序4。

请注意,这不是NGX引导和NG2引导之间区别的重复问题吗?.


ng bootstrap和ngx bootstrap是两个不同的项目团队的两个不同的项目,他们试图完成或多或少相同的事情-允许您在Angular(2+)中使用bootstrap,而不使用jquery。

它们都只是使用angular(没有jquery)来重建引导组件,主要的区别在于它们支持哪种版本的引导。

  • NGX引导支持引导3和4。
  • ng引导支持引导4,需要角5+。

这意味着,如果您需要使用引导版本3,那么NGX引导是这两个版本中唯一真正的选择。如果您可以使用引导4,那么您可以在两个项目之间进行选择。

另一个(潜在的重大)差异是项目背后的团队。在这方面需要注意的关键点是,NG引导背后的团队还负责AngularUI引导——引导库的AngularJS(即1.x)版本。


我在考虑如何使用我的项目,然后在比较了这两个项目后,我认为通过Valor软件的NGX引导是一个更好的选择,因为它的模态组件中内置了动画。ng bootstrap动画仍然不存在,没有动画的模式弹出是一个主要的麻烦。另一个原因是,Ng引导程序仍然是beta版本,与已经发布候选版本的Ngx引导程序相比,我无法将其用于生产应用程序(2017年12月22日)。不过,我希望这两个项目都能好运,并希望能找到切实可行的解决方案。


同意@dilshan。我还决定为我们的新产品选择NGX引导程序。经过一些研究,我发现NGX更成熟,生产更稳定。正在开发NG引导程序。

一个很好的参考资源,coreui.io有一个完整的功能coreui+angular 5.x+ngx引导示例项目。我实际上从这个项目中学到了NGX。您可以浏览它的实时预览或下载项目包。


一个区别是日期选择器使用的格式。ng bootstrap使用一个对象,但ngx bootstrap将使用一个更容易使用的字符串。


与其说是一个回答,不如说是一个扩展的评论…

我不太确定球队是独立的。运行npm view ngx-bootstrapnpm view ng-bootstrap表明两者都是用相同的电子邮件帐户发布的。

我想这两个队是有关联的。

NPM视图NGX引导

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
C:\:
17:07:25.16>npm view ngx-bootstrap

[email protected] | 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 <[email protected]>

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

published a month ago by valorkin <[email protected]>

npm视图ng引导

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
C:\:
17:16:42.36>npm view ng-bootstrap

[email protected] | 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 <[email protected]>
- ng-bootstrap <[email protected]>

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

published a year ago by valorkin <[email protected]>


ng bootstrap似乎不受支持——top请求附加在body上,维护人员说他没有在这个项目上工作。

我把所有的东西都换成了NGX引导程序


问题中提到的ng引导程序(位于https://ng-bootstrap.github.io)不是npm包ng引导程序。

相反,NPM包是@ng bootstrap/ng bootstrap

它是由不同的团队开发的。

$NPM视图@ng bootstrap/ng bootstrap

@ng bootstrap/ng [email protected] mit deps:1版本:61角动力引导https://github.com/ng bootstrap/ng bootstrap自述

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