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 des implémentations simultanées?

Est-ce que quelqu’un a travaillé avec eux tous les deux et peut 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/index-bs4.html#/ .

Les deux concernaient Angular 4 ( pas AngularJS! ) Et Bootstrap 4.

S’il vous plaît noter que ce n’est pas une question dupliquée de différence entre ngx-bootstrap et ng2 bootstrap? .

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

Ils reconstruisent tous les composants Bootstrap en utilisant uniquement Angular (pas de jQuery). Les principales différences concernent la version de Bootstrap prise 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. Si vous pouvez utiliser Bootstrap 4, vous pouvez choisir entre les deux projets.

L’autre différence (potentiellement significative) réside dans les équipes à l’origine des projets. Le point clé à noter à cet égard est que l’équipe derrière ng-bootstrap était également responsable de la méthode angular-ui-bootstrap – la version AngularJS (c’est-à-dire 1.x) de la bibliothèque Bootstrap.

Je pensais à quoi utiliser pour mon projet, puis après avoir comparé les deux projets, je pense que ngx-bootstrap by valor-software est une meilleure option car l’animation est intégrée à son composant modal. Ng-bootstrap l’animation n’est toujours pas présente, un modal surgissant sans animation est une grosse erreur. Une autre raison est que Ng-bootstrap est toujours en version bêta 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 candidate à la sortie (22.12.2017). Cependant, je souhaite bonne chance aux deux projets et j’espère trouver des solutions solides.

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

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

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

ng-bootstrap ne semble pas être supporté – la requête supérieure est le corps de appendTo et le responsable dit qu’il ne travaille pas sur le projet.

J’ai tout changé pour ngx-bootstrap

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 indiquent que les deux ont été publiés avec le même compte de messagerie.

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

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  dist-tags: latest: 3.0.1 next: 3.0.1 test: 0.0.0-test.0 published a month ago by valorkin  

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  - ng-bootstrap  dist-tags: beta: 1.1.16-3 latest: 1.6.3 published a year ago by valorkin