I am confused between "ngx-bootstrap" and "@ng-bootstrap/ng-bootstrap"

Question

I am planning to use Bootstrap 4 with angular 4 in my project, but I am confused between npm install --save @ng-bootstrap/ng-bootstrap and npm install ngx-bootstrap --save. So can anyone help me which is better for angular 4?

Answer 1

Both are good, you can flip a coin and use any of one.

I am ng-bootstrap for my projects, so far no problem.

But selecting a framework can be tricky, you should consider many facts.

First both support Angular 4 and Bootstrap 4, but ngx-bootstrap support Bootstrap 3 too.

While checking in to the closed questions in github ngx-bootstrap wins, check these links ng-bootstrap, ngx-bootstrap.

ngx-bootstrap team also has more modules like ng2-file-upload more here

and also check Stackoverflow unanswered questions ng-bootstrap, ngx-bootstrap. That means there is more chance for ngx-bootstrap problems get answered in SO.

Answer 2

@ng-bootstrap/ng-bootstrap and ngx-bootstrap both refer to different implementations of Bootstrap Components for Angular(2+). They are both implemented by different teams, with the same goal, that is to provide bootstrap components in Angular(2+) without the use of jquery.

As for your question of which one is better, the answer would depend on your requirements. ngx-bootstrap supports both Bootstrap 4 Alpha and Bootstrap 3 (with a patch). ng-bootstrap only supports Bootstrap 4. If you used the ui-bootstrap library for angularjs, it's worth noting that ng-bootstrap was developed by the same team that developed ui-bootstrap. Other than that, you can explore each of their APIs to determine which one you can work with better.

ngx-bootstrap: https://valor-software.com/ngx-bootstrap/#/

@ng-bootstrap: https://ng-bootstrap.github.io/#/home