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 sont-ils simplement simultanées implémentations?

est-ce que quelqu'un a travaillé avec les deux et peut donner/expliquer le pour et le contre 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/index-bs4.html# / .

tous deux liés à L'angle 4 ( pas à AngularJS! ) et Bootstrap 4.

s'il vous Plaît noter que cette ist pas un double question de la la différence entre la ngx-bootstrap et ng2 bootstrap? .

111
demandé sur Community 2017-05-03 14:12:08

7 réponses

ng-bootstrap et ngx - bootstrap sont deux projets différents par deux équipes de projet différentes qui essaient d'accomplir plus ou moins la même chose-vous permettant d'utiliser Bootstrap en angle (2+) sans l'utilisation de jQuery.

ils sont tous les deux en train de reconstruire les composants de Bootstrap en utilisant uniquement L'angle (sans jQuery).Les principales différences sont autour de quelle version de Bootstrap 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 option réelle des deux. Si vous pouvez utiliser Bootstrap 4, puis vous pouvez choisir entre les deux projets.

l'autre différence (potentiellement importante) concerne les équipes qui soutiennent les projets. Le point essentiel à noter à cet égard est que l'équipe derrière ng-bootstrap était également responsable de angular-ui - bootstrap-AngularJS (i.e. 1.X) version de la bibliothèque Bootstrap.

110
répondu snorkpete 2018-04-18 12:49:51

je réfléchissais à ce qu'il fallait utiliser pour mon projet et puis après avoir comparé les deux projets, je pense que ngx-bootstrap par valor-software est une meilleure option car il a de l'animation intégrée dans sa composante modale. Ng-bootstrap l'animation n'est toujours pas présente, un modal surgissant sans animation est une déception majeure. Une autre raison est que Ng-bootstrap est toujours en beta et que je n'ai pas pu l'utiliser pour mon application de production en comparant avec ngx-bootstrap qui a déjà une version version candidate sortie (12.22.2017). Cependant, je souhaite bonne chance aux deux projets et j'espère trouver des solutions solides.

15
répondu Dilshan Liyanage 2017-12-22 15:41:57

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 ngx est plus mature et stable pour la production. ng-bootstrap est en cours de développement.

a good resource for reference, CoreUI.io a un CoreUI fonctionnel + angulaire 5.x + ngx-exemple d'amorçage de projet . J'ai appris le ngx de ce projet. Vous pouvez parcourir son aperçu en direct ou télécharger le paquet de projet.

7
répondu Jiping 2018-02-03 04:54:12

une différence est dans le format utilisé par leur datateur. ng-bootstrap utilise un objet, mais ngx-bootstrap prendra une chaîne qui est beaucoup plus facile à utiliser.

3
répondu BBaysinger 2018-03-21 22:57:29

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

j'ai été tout de commutation à la ngx-bootstrap

2
répondu Steve 2018-05-07 20:48:36

ce n'est pas tant une réponse qu'un commentaire étendu...

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

je pense que les deux équipes sont liés.

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 vue 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>
1
répondu Zarepheth 2018-08-02 22:35:22

La ng-bootstrap visé dans la question (l'un à https://ng-bootstrap.github.io ) n'est pas le mécanisme national de prévention paquet ng-bootstrap.

au lieu de cela, le paquet npm est @ng-bootstrap/ng-bootstrap

il est développé par une autre équipe.

$ npm vue @ng-bootstrap/ng-bootstrap

@ng-bootstrap/ng-bootstrap@3.2.0 / MIT | deps: 1 / versions: 61 Bootstrap à moteur angulaire https://github.com/ng-bootstrap/ng-bootstrap#readme

le paquet npm ng-bootstrap semble être en effet une ancienne version de ngx-bootstrap.

0
répondu Thor 2018-09-10 14:29:07