web-dev-qa-db-fra.com

Quelle est la différence entre "ng-bootstrap" et "ngx-bootstrap"?

Quelle est la différence entre "ng-bootstrap" et "ngx-bootstrap"? Sont-ils liés les uns aux autres? Ou s'agit-il simplement d'implémentations simultanées?

Quelqu'un a-t-il travaillé avec les deux et peut-il donner/expliquer les avantages et les inconvénients des deux?

Avec "ng-bootstrap" je veux dire https://ng-bootstrap.github.io/#/home et

avec "ngx-bootstrap" je veux dire http://valor-software.com/ngx-bootstrap/ .

Tous deux liés à Angular 4 ( et non à AngularJS! ) et à Bootstrap 4.

Veuillez noter que ceci est pas une question dupliquée de différence entre ngx-bootstrap et ng2 bootstrap? .

angularng-bootstrapngx-bootstrap
181
wolfrevo

ng-bootstrap et ngx-bootstrap sont deux projets différents de deux équipes de projet différentes qui essaient de réaliser plus ou moins la même chose - vous permettant d'utiliser Bootstrap dans Angular (2+ ) sans utiliser jQuery.

Ils reconstruisent tous les deux les composants Bootstrap en utilisant uniquement Angular (pas de jQuery). Les différences principales concernent la version de Bootstrap qu'ils prennent en charge.

  • ngx-bootstrap supporte Bootstrap 3 et 4.
  • ng-bootstrap supporte Bootstrap 4 et nécessite Angular 5+.

Cela signifie que si vous devez utiliser Bootstrap version 3, alors ngx-bootstrap est votre seule véritable option. Si vous pouvez utiliser Bootstrap 4, vous pouvez choisir entre les deux projets.

L'autre différence (potentiellement importante) concerne les équipes derrière les projets. Le point clé à noter à cet égard est que l’équipe derrière ng-bootstrap était également responsable de angular-ui-bootstrap - la version AngularJS (c’est-à-dire 1.x) de la bibliothèque Bootstrap.

170
snorkpete

Je pensais à quoi utiliser pour mon projet et après avoir comparé les deux projets, je pense que ngx-bootstrap by valor-software est une meilleure option car il possède une animation intégrée dans son composant modal. Ng-bootstrap l'animation n'est toujours pas présente, un modal surgissant sans une animation est une déception majeure. Une autre raison est que Ng-bootstrap est toujours en version bêta et que je ne pouvais pas l'utiliser pour mon application de production lorsque je le comparais à ngx-bootstrap, qui possède déjà une version candidate à la sortie (12.22.2017). Cependant, je souhaite bonne chance aux deux projets et j'espère trouver des solutions solides.

30
Dilshan Liyanage

D'accord avec @Dilshan. J'ai également pris la décision de choisir ngx-bootstrap pour notre nouveau produit. Après quelques recherches, j'ai découvert que le ngx était plus mature et plus stable pour la production. ng-bootstrap est en cours de développement.

Une bonne ressource de référence, CoreUI.io a un exemple complet de projet CoreUI + Angular 5.x + ngx-bootstrap . J'ai effectivement appris ngx de ce projet. Vous pouvez parcourir son aperçu en direct ou télécharger le package du projet.

13
Jiping

Une différence réside dans le format utilisé par leur sélecteur de date. ng-bootstrap utilise un objet, mais ngx-bootstrap utilisera une chaîne qui est beaucoup plus facile à utiliser.

5
BBaysinger

Le ng-bootstrap auquel il est fait référence dans la question (celui qui se trouve à https://ng-bootstrap.github.io ) n'est pas le paquet npm ng-bootstrap.

Au lieu de cela, le package npm est @ ng-bootstrap/ng-bootstrap

Il est développé par une équipe différente.

$ npm view @ ng-bootstrap/ng-bootstrap

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

Le paquet npm ng-bootstrap semble être une version plus ancienne de ngx-bootstrap.

4
Thor

ng-bootstrap ne semble pas être pris en charge - la requête principale est appendTo body et le responsable dit qu'il ne travaille pas sur le projet.

J'ai tout changé pour ngx-bootstrap

3
Steve

Pas tant une réponse qu'un commentaire étendu ...

Je ne suis pas sûr que les équipes soient indépendantes. L'exécution de npm view ngx-bootstrap et npm view ng-bootstrap montre que les deux ont été publiés avec le même compte de messagerie.

Je pense que les deux équipes sont liées.

vue 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]>

vue 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]>
3
Zarepheth