web-dev-qa-db-ja.com

"ng-bootstrap"と "ngx-bootstrap"の違いは何ですか？

"ng-bootstrap"と "ngx-bootstrap"の違いは何ですか？彼らはお互いに関連していますか？それとも、それらは単に並行実装ですか？

誰かが彼らと一緒に働いたことがあり、両方の長所と短所を説明することができますか？

"ng-bootstrap"とは https://ng-bootstrap.github.io/#/home そして

"ngx-bootstrap"とは http://valor-software.com/ngx-bootstrap/ を意味します。

どちらもAngular 4（AngularJS！ではなく）とBootstrap 4に関連しています。

notngx-bootstrapとng2ブートストラップの違いは重複していますか。 。

angularng-bootstrapngx-bootstrap
169
wolfrevo

ng-bootstrapとngx-bootstrapは、ほぼ同じことを達成しようとしている2つの異なるプロジェクトチームによる2つの異なるプロジェクトです - jQueryを使用せずにAngular（2+）でBootstrapを使用できるようにする。

どちらもAngular（jQueryなし）のみを使用してBootstrapコンポーネントを再構築しています。主な違いは、サポートしているBootstrapのバージョンによって異なります。

  • ngx-bootstrapはBootstrap 3と4をサポートします。
  • ng-bootstrapはBootstrap 4をサポートし、Angular 5+を必要とします。

つまり、Bootstrapバージョン3を使用する必要がある場合は、ngx-bootstrapが2つのうちの唯一の本当の選択肢です。 Bootstrap 4を使用できる場合は、2つのプロジェクトから選ぶことができます。

もう1つの（潜在的に重要な）違いは、プロジェクトの背後にあるチームです。これに関して注意すべき重要な点は、ng-bootstrapの背後にあるチームがAngular-ui-bootstrap、すなわちAngular JS（すなわち1.x）のBootstrapライブラリも担当していたことです。

156
snorkpete

私は自分のプロジェクトに何を使うべきかを考えていて、それからアニメーションをモーダルコンポーネントに組み込んでいるので、valor-softwareによるngx-bootstrapがより良い選択肢だと思う両方のプロジェクトを比較した後。 Ngブートストラップアニメーションはまだ存在していない、アニメーションなしでポップアップモーダルは主要な残念です。他の理由は、Ng-bootstrapがまだベータ版であり、すでにリリース候補のバージョンがあるngx-bootstrap（12.22.2017）と比較すると、本番用アプリケーションに使用できなかったことです。しかし、私は両方のプロジェクトが幸運を祈り、そしてうまくいけば、堅実な解決策を思い付くでしょう。

22
Dilshan Liyanage

@Dilshanに同意します。また、新製品にngx-bootstrapを選択することにしました。いくつかの調査の結果、私はngxがより成熟していて生産的に安定していることを発見しました。 ng-bootstrapは開発中です。

参考のために良いリソース、CoreUI.ioは完全に機能する CoreUI + Angular 5.x + ngx-bootstrapサンプルプロジェクト を持っています。私は実際にこのプロジェクトからngxを学びました。ライブプレビューを閲覧するか、プロジェクトパッケージをダウンロードすることができます。

13
Jiping

1つの違いは、日付選択機能で使用されている形式です。 ng-bootstrapはオブジェクトを使いますが、ngx-bootstrapは使いやすい文字列を取ります。

4
BBaysinger

ng-bootstrapはサポートされていないようです - 一番の要求はappendTo bodyで、メンテナはプロジェクトに取り組んでいないと言います。

私はすべてをngx-bootstrapに切り替えています

3
Steve

拡張コメントほどの答えではありません...

チームが独立しているかどうかはよくわかりません。 npm view ngx-bootstrapとnpm view ng-bootstrapを実行すると、両方が同じ電子メールアカウントで公開されたことがわかります。

私は2つのチームが関係していると思っています。

npm view ngx - ブートストラップ

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

npm view ng - ブートストラップ

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

質問で言及されているng-bootstrap（ https://ng-bootstrap.github.io にあるもの）はnpmパッケージng-bootstrapではありません。

代わりに、npmパッケージは@ ng-bootstrap/ng-bootstrapです。

それは別のチームによって開発されました。

$ npm view @ ng-bootstrap/ng-bootstrap

@ ng-bootstrap/ng-bootstrap @ 3.2.0 | MIT | deps：1 |バージョン：61 Angularパワードブートストラップ https://github.com/ng-bootstrap/ng-bootstrap#readme

Npmパッケージng-bootstrapは確かにngx-bootstrapの古いバージョンのようです。

1
Thor