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更适合于一般情况下,因为以下原因:
Ng-bootstrap有更多的星星 Ng-bootstrap是相对较新的解决方案 Ng-bootstrap更轻
如果我没有任何特定的理由使用引导3,那么ng-bootstrap应该是首选。
有关事实和数据的更多细节,请参考以下github回购:
https://github.com/valor-software/ngx-bootstrap https://github.com/ng-bootstrap/ng-bootstrap
ng-bootstrap和ngx-bootstrap是两个不同项目团队的两个不同项目,它们试图完成或多或少相同的事情——允许你在Angular(2+)中使用Bootstrap而不使用jQuery。
它们都只使用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——AngularJS(即1.x)版本的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]
I was thinking about what to use for my project and then after comparing both the projects I think ngx-bootstrap by valor-software is a better option since it has animation built into it's modal component. Ng-bootstrap the animation is still not present, A modal popping up without a animation is a major bummer. Other reason is that Ng-bootstrap is still in beta and I was unable to use it for my production application when comparing with ngx-bootstrap which already has a release candidate version out (12.22.2017). However I wish both the projects good luck and will hopefully come up with solid solutions.
同意@Dilshan的观点。我还决定选择ngx-bootstrap作为我们的新产品。经过一番研究,我发现ngx更成熟,更适合生产。Ng-bootstrap正在开发中。
一个很好的参考资源,CoreUI。io有一个功能齐全的CoreUI + Angular 5。X + ngx bootstrap示例项目。我从这个项目中学到了ngx。 您可以浏览它的实时预览或下载项目包。