ngx-bootstrap和ng-bootstrap的区别

547 阅读1分钟

本教程比较了Angular库中的bootstrap框架库。

Bootstrap是一个具有移动响应性的UI库,具有内置的UI组件。如果你想把Bootstrap集成到Angular应用程序中。

我们有以下方法来整合到

  • Bootstrap npm库
  • ngx-bootstrap
  • ng-bootstrap
  • 是否有任何库或其他不确定的东西?

ngx-bootstrap和ng-bootstrap是常规bootstrap的封装器,用于支持Angular应用中的UI组件。

这两个库都是由不同的团队实现的,以便在Angular库中拥有一个bootstrap组件。

在Angular应用程序中选择哪一个更好?让我们看看每个库的优势和劣势。

ngx-bootstrap的优点和缺点

  • 由valor-software团队建立
  • 支持Bootstrap 3和4、5版本
  • 只有当你使用bootstrap 3版本时才支持。
  • 更好的内置动画支持内置弹出窗口和其他组件
  • 用模板、作为服务和嵌套模式来定制模版
  • 截至2021年8月,git上有5.3万颗星
  • 成熟而稳定的产品

ng-bootstrap的优点和缺点

  • 不支持Bootstrap 3版本,支持最新的Bootstrap 4和5版本
  • 集成了Toast组件的本地支持
  • 体积较小
  • 它不依赖jquery和javascript。
  • 截至2021年8月,git上有7.8万颗星。