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

Question

Quelle est la différence entre ng-bootstrap et ngx-bootstrap? Sont-ils liés l'un à l'autre? Ou sont-ils simplement des implémentations concurrentes?

Est-ce que quelqu'un a travaillé avec les deux et peut donner/expliquer les avantages et les inconvénients de chacun?

Avec ng-bootstrap, je fais référence à ng-bootstrap.github et

avec ngx-bootstrap, je fais référence à valor-software-ngx-bootstrap.

Les deux sont liés à Angular 4 (pas à AngularJS!) et Bootstrap 4.

Veuillez noter qu'il ne s'agit pas d'une question dupliquée de différence entre ngx-bootstrap et ng2-bootstrap?.

Answer 1

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

Ils reconstruisent tous deux les composants Bootstrap en utilisant uniquement Angular (pas de jQuery). Les principales différences résident dans la version de Bootstrap qu'ils supportent.

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

Cela signifie que si vous avez besoin d'utiliser la version 3 de Bootstrap, alors ngx-bootstrap est votre seule réelle option parmi les deux. Si vous pouvez utiliser Bootstrap 4, alors vous pouvez choisir entre les deux projets.

L'autre différence (potentiellement significative) est 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.

Answer 2

J'ai réfléchi à ce que j'allais utiliser pour mon projet, et après avoir comparé les deux projets, je pense que ngx-bootstrap de valor-software est une meilleure option car il intègre des animations dans son composant modal. Avec Ng-bootstrap, l'animation n'est toujours pas présente, donc un modal qui apparaît sans animation est vraiment décevant. Une autre raison est que Ng-bootstrap est encore en version bêta et je n'ai pas pu l'utiliser pour mon application de production en comparaison avec ngx-bootstrap qui a déjà une version candidate à la publication (12.22.2017). Cependant, je souhaite bonne chance aux deux projets et espère qu'ils proposeront des solutions solides.

Answer 3

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 de référence, CoreUI.io propose un projet exemple complet CoreUI + Angular 5.x + ngx-bootstrap. J'ai en fait appris ngx à partir de ce projet. Vous pouvez consulter son aperçu en direct ou télécharger le package du projet.

Answer 4

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

Answer 5

Ng-bootstrap ne semble pas être pris en charge - la demande principale est appendTo body et le mainteneur dit qu'il ne travaille pas sur le projet.

J'ai tout changé pour ngx-bootstrap