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

¿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 la diferencia entre ngx-bootstrap y ng2 bootstrap?.

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 usando solo Angular (no jQuery). Las principales diferencias están en torno a la versión de Bootstrap que admiten.

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

Esto significa que si necesita utilizar la versión 3 de Bootstrap, 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.

Estaba pensando 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 todavía no está presente, un modo emergente 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 a lanzamiento (22/12/2017). Sin embargo, deseo buena suerte a ambos proyectos y espero encontrar soluciones sólidas.

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 explorar su vista previa en vivo o descargar el paquete del proyecto.

He usado ngx-bootstrap (por Valor) y ng-bootstrap (por ng-boostrap). Aquí están mis dos centavos de las características únicas que obtiene de ellos:

ngx-bootstrap:

1. Soporte de animación incorporado en casi todo (modales, acordeón, collpase, menú desplegable, selector de fechas ...)
2. Mejor soporte modal (modales anidados, modal como servicio, modal como plantilla)
3. Componente clasificable (con función de arrastrar y soltar)

ng-bootstrap:

1. Función de navegación (Tabset ha quedado obsoleto)
2. Componente de tostadas incorporado
3. El tamaño del paquete es casi la mitad que ngx-bootstrap (Minified + Gzip)

También puede comparar sus recuentos de descargas de npm con npmtrends .

[Nota: Mi respuesta se basa en la última versión actual, es decir, ngx-bootstrap v5.5.0 y ng-boostrap v6.0.0]

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.

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

He estado cambiando todo a ngx-bootstrap

El ng-bootstrap al que se hace referencia en la pregunta (el de 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 ver @ ng-bootstrap / ng-bootstrap

@ ng-bootstrap / ng-bootstrap @ 3.2.0 | MIT | deps: 1 | versiones: 61 Bootstrap con tecnología Angular https://github.com/ng-bootstrap/ng-bootstrap#readme

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

No tanto una respuesta como un comentario extenso ...

No estoy tan seguro de que los equipos sean independientes. Ejecutando npm view ngx-bootstrapy npm view ng-bootstrapmostrar que ambos fueron publicados con la misma cuenta de correo electrónico.

Creo que los dos equipos están relacionados.

npm view 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]>

npm view 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]>

depende de las necesidades, pero siguiendo la regla general, ng-bootstrap es más adecuado en general debido a lo siguiente:

• ng-bootstrap tiene más estrellas
• ng-bootstrap es una solución relativamente más nueva
• ng-bootstrap es más ligero

Si no tengo ninguna razón específica para optar por bootstrap 3, entonces debería preferirse ng-bootstrap.

consulte los siguientes repositorios de github para obtener más detalles sobre hechos y cifras:

• https://github.com/valor-software/ngx-bootstrap
• https://github.com/ng-bootstrap/ng-bootstrap