Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

What is the difference between "ng-bootstrap" and "ngx-bootstrap"?

What is the difference between ng-bootstrap and ngx-bootstrap? Are they related to each other? Or are they simply concurrent implementations?

Has someone worked with them both and can give/explain pros and cons of both?

With ng-bootstrap I mean ng-bootstrap.github and

with ngx-bootstrap I mean valor-software-ngx-bootstrap.

Both related to Angular 4 (not to AngularJS!) and Bootstrap 4.

Please note that this is not a duplicated question of difference between ngx-bootstrap and ng2 bootstrap?.

like image 549
wolfrevo Avatar asked May 03 '17 11:05

wolfrevo


People also ask

What is the difference between ngx-bootstrap and Ng-bootstrap?

ng-bootstrap uses an object, but ngx-bootstrap will take a string which is way easier to use.

What is ngx-bootstrap used for?

NGX Bootstrap and its usage The Ngx-Bootstrap is one of the very popular libraries that is required to use bootstrap components in Angular Based projects. It consists of almost all core components of Bootstrap. Ngx bootstrap is an open-source tool. It is an independent project, and the development is still ongoing.

Does bootstrap need Ng?

js is not necessary. The goal of ng-bootstrap is to completely replace JavaScript implementation for components. Nor should you include other dependencies like jQuery. It is not necessary and might interfere with ng-bootstrap code.

Is ngx-bootstrap free?

Bamburgh Angular UI Kit with NGX Bootstrap Free FREE Just like the PRO version, this lite Ui Kit features a beautiful, consistent style guide that can be the perfect starter for your next projec ...


2 Answers

ng-bootstrap and ngx-bootstrap are two different projects by two different project teams that are trying to accomplish more or less the same thing - allowing you to use Bootstrap in Angular (2+) without the use of jQuery.

They are both rebuilding the Bootstrap components using only Angular (no jQuery).The main differences are around which version of Bootstrap they support.

  • ngx-bootstrap supports Bootstrap 3 and 4.
  • ng-bootstrap supports Bootstrap 4 and requires Angular 5+.

This means that if you need to use Bootstrap version 3, then ngx-bootstrap is your only real option of the two. If you can use Bootstrap 4, then you can pick between the two projects.

The other (potentially significant) difference is the teams behind the projects. The key point to note in this regard is that the team behind ng-bootstrap was also responsible for angular-ui-bootstrap - the AngularJS (i.e. 1.x) version of the Bootstrap library.

like image 131
snorkpete Avatar answered Sep 28 '22 05:09

snorkpete


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.

like image 43
Dilshan Liyanage Avatar answered Sep 28 '22 04:09

Dilshan Liyanage