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. .
angular
ng-bootstrap
ngx-bootstrap
Wolfrevo
quelle
quelle
ngx-bootstrap
unterstützt Bootstrap 3 & 4, währendng-bootstrap
(UI-Bootstrap in AngularJs) nur Bootstrap 4 unterstützt.Antworten:
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.
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.
quelle
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.
quelle
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.
quelle
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:
ng-bootstrap:
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]
quelle
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.
quelle
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
quelle
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.
quelle
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-bootstrap
undnpm view ng-bootstrap
zeigen, dass beide mit demselben E-Mail-Konto veröffentlicht wurden.Ich denke, die beiden Teams sind verwandt.
npm view ngx -bootstrap
npm view ng -bootstrap
quelle
npm view @ng-bootstrap/ng-bootstrap