首页 文章

“ng-bootstrap”和“ngx-bootstrap”有什么区别？

提问于
浏览 次
125

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

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

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

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

两者都与Angular 4（ not to AngularJS! ）和Bootstrap 4有关 .

请注意，这是difference between ngx-bootstrap and ng2 bootstrap?的重复问题 .

angular ng-bootstrap ngx-bootstrap

7 回答

  • 3

    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 - Bootstrap库的AngularJS（即1.x）版本 .

    回复于
  • 124

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

    回复于
  • 4

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

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

    回复于
  • 8

    一个区别在于日期选择器使用的格式 . ng-bootstrap使用一个对象，但ngx-bootstrap将采用一个更容易使用的字符串 .

    回复于
  • 4

    ng-bootstrap似乎不受支持 - 顶级请求是appendTo正文，维护者说他没有在项目上工作 .

    我一直在把所有东西都换成ngx-bootstrap

    回复于
  • 18

    与扩展评论相比，答案并非如此......

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

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

    npm view 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 view 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>
    回复于
  • 0

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

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

    它由不同的团队开发 .

    $ npm view @ ng-bootstrap / ng-bootstrap

    @ ng-bootstrap / ng-bootstrap @ 3.2.0 | MIT | deps：1 |版本：61 Angular powered Bootstrap https://github.com/ng-bootstrap/ng-bootstrap#readme

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

    回复于

相关问题