angular - delete - ng bootstrap ng bootstrap

¿Cuál es la diferencia entre "ng-bootstrap" y "ngx-bootstrap"?

Question

¿Cuál es la diferencia entre "ng-bootstrap" y "ngx-bootstrap"? ¿Están relacionados entre sí? ¿O son simplemente implementaciones concurrentes?

¿Alguien ha trabajado con ambos y puede dar / explicar los pros y los contras de ambos?

Con "ng-bootstrap" me refiero a https://ng-bootstrap.github.io/#/home y

con "ngx-bootstrap" me refiero a http://valor-software.com/ngx-bootstrap/ .

Ambos relacionados con Angular 4 (¡ no con AngularJS! ) Y Bootstrap 4.

Tenga en cuenta que esta no es una pregunta duplicada de diferencia entre ngx-bootstrap y ng2 bootstrap? .

Answer 1

De acuerdo con @Dilshan. También tomé la decisión de elegir ngx-bootstrap para nuestro nuevo producto. Después de algunas investigaciones, descubrí que ngx es más maduro y estable para la producción. ng-bootstrap está en desarrollo.

Un buen recurso de referencia, CoreUI.io tiene un proyecto de muestra CoreUI + Angular 5.x + ngx-bootstrap completamente funcional. De hecho, aprendí ngx de este proyecto. Puede navegar por su vista previa en vivo o descargar el paquete del proyecto.

Answer 2

El ng-bootstrap al que se hace referencia en la pregunta (el que se encuentra en https://ng-bootstrap.github.io ) no es el paquete npm ng-bootstrap.

En cambio, el paquete npm es @ ng-bootstrap / ng-bootstrap

Está desarrollado por un equipo diferente.

$ npm view @ ng-bootstrap / ng-bootstrap

@ ng-bootstrap / ng-bootstrap @ 3.2.0 | MIT | deps: 1 | versiones: 61 Bootstrap con motor angular https://github.com/ng-bootstrap/ng-bootstrap#readme

El paquete npm ng-bootstrap parece ser una versión anterior de ngx-bootstrap.

Answer 3

Estaba pensando en qué usar para mi proyecto y luego, después de comparar ambos proyectos, creo que ngx-bootstrap de valor-software es una mejor opción ya que tiene animación incorporada en su componente modal. Ng-bootstrap la animación aún no está presente, una ventana emergente modal sin una animación es un gran fastidio. Otra razón es que Ng-bootstrap todavía está en versión beta y no pude usarlo para mi aplicación de producción al compararlo con ngx-bootstrap, que ya tiene una versión candidata de lanzamiento (22/12/2017). Sin embargo, deseo buena suerte a ambos proyectos y espero encontrar soluciones sólidas.

Answer 4

Una diferencia está en el formato utilizado por su selector de fecha. ng-bootstrap usa un objeto, pero ngx-bootstrap tomará una cadena que es mucho más fácil de usar.

Answer 5

ng-bootstrap no parece ser compatible: la solicitud principal es appendTo body y el responsable de mantenimiento dice que no está trabajando en el proyecto.

He estado cambiando todo a ngx-bootstrap

Answer 6

ng-bootstrap y ngx-bootstrap son dos proyectos diferentes de dos equipos de proyectos diferentes que intentan lograr más o menos lo mismo, lo que le permite usar Bootstrap en Angular (2+) sin el uso de jQuery.

Ambos están reconstruyendo los componentes de Bootstrap utilizando solo Angular (no jQuery). Las principales diferencias están en torno a qué versión de Bootstrap admiten.

• ngx-bootstrap es compatible con Bootstrap 3 y 4.
• ng-bootstrap es compatible con Bootstrap 4 y requiere Angular 5+.

Esto significa que si necesita usar Bootstrap versión 3, entonces ngx-bootstrap es su única opción real de las dos. Si puede usar Bootstrap 4, puede elegir entre los dos proyectos.

La otra diferencia (potencialmente significativa) son los equipos detrás de los proyectos. El punto clave a tener en cuenta a este respecto es que el equipo detrás de ng-bootstrap también fue responsable de angular-ui-bootstrap, la versión AngularJS (es decir, 1.x) de la biblioteca Bootstrap.

Answer 7

No tanto una respuesta como un comentario extendido ...

No estoy tan seguro de que los equipos sean independientes. La ejecución de npm view ngx-bootstrap y npm view ng-bootstrap muestra que ambos se publicaron con la misma cuenta de correo electrónico.

Estoy pensando que los dos equipos están relacionados.

vista npm ngx -bootstrap

C:/:
17:07:25.16>npm view ngx-bootstrap

[email protected] | 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 <[email protected]>

dist-tags:
latest: 3.0.1       next: 3.0.1         test: 0.0.0-test.0

published a month ago by valorkin <[email protected]>

vista npm ng -bootstrap

C:/:
17:16:42.36>npm view ng-bootstrap

[email protected] | 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 <[email protected]>
- ng-bootstrap <[email protected]>

dist-tags:
beta: 1.1.16-3  latest: 1.6.3

published a year ago by valorkin <[email protected]>