本教程比较了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万颗星。