Was ist der Unterschied zwischen "ng-bootstrap" und "ngx-bootstrap"?

Was ist der Unterschied zwischen "ng-bootstrap" und "ngx-bootstrap"? Sind sie miteinander verwandt? Oder handelt es sich einfach um gleichzeitige Implementierungen?

Hat jemand mit beiden zusammengearbeitet und kann Vor- und Nachteile von beiden erklären?

Mit "ng-bootstrap" meine ich https://ng-bootstrap.github.io/#/home und

mit "ngx-bootstrap" meine ich http://valor-software.com/ngx-bootstrap/ .

Beide bezogen sich auf Angular 4 ( nicht auf AngularJS! ) Und Bootstrap 4.

Bitte beachten Sie, dass dies keine doppelte Frage des Unterschieds zwischen ngx-bootstrap und ng2 bootstrap ist. .

ng-bootstrap und ngx-bootstrap sind zwei verschiedene Projekte von zwei verschiedenen Projektteams, die versuchen, mehr oder weniger dasselbe zu erreichen. So können Sie Bootstrap in Angular (2+) ohne die Verwendung von jQuery verwenden.

Beide erstellen die Bootstrap-Komponenten nur mit Angular (kein jQuery) neu. Die Hauptunterschiede bestehen darin, welche Bootstrap-Version sie unterstützen.

• ngx-bootstrap unterstützt Bootstrap 3 und 4.
• ng-bootstrap unterstützt Bootstrap 4 und erfordert Angular 5+.

Dies bedeutet, dass ngx-bootstrap Ihre einzige echte Option ist, wenn Sie Bootstrap Version 3 verwenden müssen. Wenn Sie Bootstrap 4 verwenden können, können Sie zwischen den beiden Projekten wählen.

Der andere (möglicherweise signifikante) Unterschied sind die Teams hinter den Projekten. Der wichtigste Punkt in diesem Zusammenhang ist, dass das Team hinter ng-bootstrap auch für angle-ui-bootstrap verantwortlich war - die AngularJS-Version (dh 1.x) der Bootstrap-Bibliothek.

Ich habe darüber nachgedacht, was ich für mein Projekt verwenden soll, und nachdem ich beide Projekte verglichen habe, denke ich, dass ngx-bootstrap von valor-software eine bessere Option ist, da die modale Komponente eine Animation enthält. Ng-Bootstrap die Animation ist immer noch nicht vorhanden. Ein Modal, das ohne Animation auftaucht, ist ein großer Mist. Ein weiterer Grund ist, dass sich Ng-bootstrap noch in der Beta-Phase befindet und ich es im Vergleich zu ngx-bootstrap, für das bereits eine Release Candidate-Version (12.22.2017) verfügbar ist, nicht für meine Produktionsanwendung verwenden konnte. Ich wünsche beiden Projekten jedoch viel Glück und werde hoffentlich solide Lösungen finden.

Stimmen Sie mit @Dilshan überein. Ich habe mich auch für ngx-bootstrap für unser neues Produkt entschieden. Nach einigen Recherchen stellte ich fest, dass ngx reifer und stabiler für die Produktion ist. ng-bootstrap befindet sich in der Entwicklung.

CoreUI.io ist eine gute Referenzquelle und verfügt über ein voll funktionsfähiges CoreUI + Angular 5.x + ngx-Bootstrap-Beispielprojekt . Ich habe ngx aus diesem Projekt gelernt. Sie können die Live-Vorschau durchsuchen oder das Projektpaket herunterladen.

Ich habe sowohl ngx-bootstrap (von Valor) als auch ng-bootstrap (von ng-boostrap) verwendet. Hier sind meine zwei Cent der einzigartigen Funktionen, die Sie von ihnen erhalten:

ngx-bootstrap:

1. Integrierte Animationsunterstützung für fast alles (Modal, Akkordeon, Collpase, Dropdown, Datepicker ...)
2. Bessere Modalunterstützung (verschachtelte Modalitäten, Modal als Dienst, Modal als Vorlage)
3. Sortierbare Komponente (mit Drag & Drop-Funktion)

ng-bootstrap:

1. Navigationsfunktion (Tabset ist veraltet)
2. Eingebaute Toastkomponente
3. Die Paketgröße ist fast halb so hoch wie die von ngx-bootstrap (Minified + Gzipped).

Sie können auch die Anzahl der npm-Downloads mit den npmtrends vergleichen .

[Hinweis: Meine Antwort basiert auf der aktuellen Version, dh ngx-bootstrap v5.5.0 und ng-boostrap v6.0.0]

Ein Unterschied besteht im Format, das von der Datumsauswahl verwendet wird. ng-bootstrap verwendet ein Objekt, aber ngx-bootstrap verwendet eine Zeichenfolge, die viel einfacher zu verwenden ist.

ng-bootstrap scheint nicht unterstützt zu werden - die oberste Anforderung ist appendTo body und der Betreuer sagt, dass er nicht an dem Projekt arbeitet.

Ich habe alles auf ngx-bootstrap umgestellt

Der in der Frage genannte ng-bootstrap (der unter https://ng-bootstrap.github.io ) ist nicht das npm-Paket ng-bootstrap.

Stattdessen lautet das npm-Paket @ ng-bootstrap / ng-bootstrap

Es wird von einem anderen Team entwickelt.

$ npm view @ ng-bootstrap / ng-bootstrap

@ ng-bootstrap / ng-bootstrap @ 3.2.0 | MIT | deps: 1 | Versionen: 61 Angular powered Bootstrap https://github.com/ng-bootstrap/ng-bootstrap#readme

Das npm-Paket ng-bootstrap scheint tatsächlich eine ältere Version von ngx-bootstrap zu sein.

Nicht so sehr eine Antwort als ein erweiterter Kommentar ...

Ich bin mir nicht so sicher, ob die Teams unabhängig sind. Laufen npm view ngx-bootstrapund npm view ng-bootstrapzeigen, dass beide mit demselben E-Mail-Konto veröffentlicht wurden.

Ich denke, die beiden Teams sind verwandt.

npm view ngx -bootstrap

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

ngx-bootstrap@3.0.1 | 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 <valorkin@gmail.com>

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

published a month ago by valorkin <valorkin@gmail.com>

npm view ng -bootstrap

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

ng-bootstrap@1.6.3 | 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 <pkozlowski.opensource@gmail.com>
- ng-bootstrap <foxandxss@gmail.com>

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

published a year ago by valorkin <valorkin@gmail.com>