ng-bootstrap和ngx-bootstrap的区别是什么?它们之间有联系吗?或者它们仅仅是并发实现?
有人与他们一起工作,并能给出/解释两者的优点和缺点吗?
用ng-bootstrap我是说ng-bootstrap。github,
我的意思是brave -software-ngx-bootstrap。
两者都与Angular 4(不是AngularJS!)和Bootstrap 4有关。
请注意,这不是一个重复的问题,ngx和ng2的bootstrap的区别?
ng-bootstrap和ngx-bootstrap的区别是什么?它们之间有联系吗?或者它们仅仅是并发实现?
有人与他们一起工作,并能给出/解释两者的优点和缺点吗?
用ng-bootstrap我是说ng-bootstrap。github,
我的意思是brave -software-ngx-bootstrap。
两者都与Angular 4(不是AngularJS!)和Bootstrap 4有关。
请注意,这不是一个重复的问题,ngx和ng2的bootstrap的区别?
当前回答
2022年更新: 这两个库都进行了大量的更新和改进。但是从最初的引导程序实现的组件不同。以下是它们之间的主要区别。
ngx-bootstrap:
专用按钮指令 更好的模态支持(嵌套模态、模态即服务、模态即模板) 可排序组件(带拖放功能)
ng-bootstrap:
OffCanvas功能的引导支持。 吐司功能实现 在引导文档框架列表中突出显示
其他比较工具:
NPM趋势:比较他们的NPM下载数量 Npmcompare:包之间的一般比较。
2021年更新:从v8.0.0开始,ng- bootstrap动画默认打开,并可用于所有标准的引导组件。
2020年更新:
我用过ngx-bootstrap(通过Valor)和ng-bootstrap(通过ng-boostrap)。以下是我对它们的独特之处的两点看法:
ngx-bootstrap:
内置动画支持几乎所有的东西(modal, accordion, collapse, dropdown, datepicker…) 更好的模态支持(嵌套模态、模态即服务、模态即模板) 可排序组件(带拖放功能)
ng-bootstrap:
导航功能(选项卡已弃用) 内置Toast组件 包大小几乎是ngx-bootstrap的一半(Minified + Gzipped)
[注:我的答案是基于当前的最新版本,即ngx-bootstrap v5.5.0和ng-boostrap v6.0.0]
其他回答
问题中提到的ng-bootstrap (https://ng-bootstrap.github.io上的那个)不是npm包ng-bootstrap。
相反,npm包是@ng-bootstrap/ng-bootstrap
它是由另一个团队开发的。
$ npm view @ ngn -bootstrap/ ngn -bootstrap
@ng-bootstrap/ng-bootstrap@3.2.0 | MIT | deps: 1 |版本:61 Angular驱动的Bootstrap https://github.com/ng-bootstrap/ng-bootstrap#readme
npm包ng-bootstrap看起来确实是ngx-bootstrap的旧版本。
与其说是一个回答,不如说是一个延伸的评论……
我不太确定团队是否独立。运行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视图ngn -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>
2022年更新: 这两个库都进行了大量的更新和改进。但是从最初的引导程序实现的组件不同。以下是它们之间的主要区别。
ngx-bootstrap:
专用按钮指令 更好的模态支持(嵌套模态、模态即服务、模态即模板) 可排序组件(带拖放功能)
ng-bootstrap:
OffCanvas功能的引导支持。 吐司功能实现 在引导文档框架列表中突出显示
其他比较工具:
NPM趋势:比较他们的NPM下载数量 Npmcompare:包之间的一般比较。
2021年更新:从v8.0.0开始,ng- bootstrap动画默认打开,并可用于所有标准的引导组件。
2020年更新:
我用过ngx-bootstrap(通过Valor)和ng-bootstrap(通过ng-boostrap)。以下是我对它们的独特之处的两点看法:
ngx-bootstrap:
内置动画支持几乎所有的东西(modal, accordion, collapse, dropdown, datepicker…) 更好的模态支持(嵌套模态、模态即服务、模态即模板) 可排序组件(带拖放功能)
ng-bootstrap:
导航功能(选项卡已弃用) 内置Toast组件 包大小几乎是ngx-bootstrap的一半(Minified + Gzipped)
[注:我的答案是基于当前的最新版本,即ngx-bootstrap v5.5.0和ng-boostrap v6.0.0]
一个不同之处在于它们的日期选择器所使用的格式。Ng-bootstrap使用对象,但ngx-bootstrap将使用更容易使用的字符串。
同意@Dilshan的观点。我还决定选择ngx-bootstrap作为我们的新产品。经过一番研究,我发现ngx更成熟,更适合生产。Ng-bootstrap正在开发中。
一个很好的参考资源,CoreUI。io有一个功能齐全的CoreUI + Angular 5。X + ngx bootstrap示例项目。我从这个项目中学到了ngx。 您可以浏览它的实时预览或下载项目包。