Apa perbedaan antara "ng-bootstrap" dan "ngx-bootstrap"?

231

Apa perbedaan antara "ng-bootstrap" dan "ngx-bootstrap"? Apakah mereka terkait satu sama lain? Atau mereka hanya implementasi bersamaan?

Pernahkah seseorang bekerja dengan mereka berdua dan dapat memberikan / menjelaskan pro dan kontra dari keduanya?

Dengan "ng-bootstrap" Maksud saya https://ng-bootstrap.github.io/#/home dan

dengan "ngx-bootstrap" Maksud saya http://valor-software.com/ngx-bootstrap/ .

Keduanya terkait dengan Angular 4 ( bukan AngularJS! ) Dan Bootstrap 4.

Harap dicatat bahwa ini bukan pertanyaan duplikat dari perbedaan antara ngx-bootstrap dan ng2 bootstrap? .

wolfrevo
sumber
17
ngx-bootstrapmendukung bootstrap 3 & 4, sementara ng-bootstrap(ui-bootstrap di AngularJs) hanya mendukung bootstrap 4.
developer033
1
Saya pikir jawaban @snorkpete layak untuk ditetapkan sebagai Jawaban yang Benar, ia mengambil waktu untuk menemukan jawaban, dan menulisnya. itu adalah budaya yang baik untuk kembali dan membaca jawaban untuk pertanyaan Anda yang telah Anda tempatkan di stackoverflow, dan kemudian meninjaunya dan jika Anda puas dengan satu, pilih itu sebagai jawaban yang benar
hossein bakhtiari

Jawaban:

213

ng-bootstrap dan ngx-bootstrap adalah dua proyek berbeda oleh dua tim proyek berbeda yang mencoba mencapai hal yang kurang lebih sama - memungkinkan Anda untuk menggunakan Bootstrap di Angular (2+) tanpa menggunakan jQuery.

Mereka berdua membangun kembali komponen Bootstrap hanya menggunakan Angular (tanpa jQuery). Perbedaan utama adalah sekitar versi Bootstrap yang mereka dukung.

  • ngx-bootstrap mendukung Bootstrap 3 dan 4.
  • ng-bootstrap mendukung Bootstrap 4 dan membutuhkan Angular 5+.

Ini berarti bahwa jika Anda perlu menggunakan Bootstrap versi 3, maka ngx-bootstrap adalah satu-satunya pilihan Anda yang sebenarnya. Jika Anda dapat menggunakan Bootstrap 4, maka Anda dapat memilih di antara kedua proyek.

Perbedaan (berpotensi signifikan) lainnya adalah tim di belakang proyek. Poin utama yang perlu diperhatikan dalam hal ini adalah bahwa tim di belakang ng-bootstrap juga bertanggung jawab untuk angular-ui-bootstrap - versi AngularJS (yaitu 1.x) dari perpustakaan Bootstrap.

snorkpete
sumber
3
Itu pertanyaan untuk dua pemimpin tim. Dari luar melihat ke dalam, mereka memiliki tujuan yang sedikit berbeda, jadi saya kira itu ada hubungannya dengan itu, tapi itu hanya dugaan pada saya
snorkpete
Apakah akan menjadi masalah jika kita memasukkan kedua perpustakaan dalam proyek sudut kita? Jika demikian, masalah apa yang diharapkan?
RITZ XAVI
mungkin mungkin, tetapi sepertinya berlebihan. Jika Anda tidak terlalu peduli dan Anda menggunakan Bootstrap 4, pilih saja (secara acak jika perlu).
snorkpete
38

Saya sedang berpikir tentang apa yang harus digunakan untuk proyek saya dan kemudian setelah membandingkan kedua proyek saya pikir ngx-bootstrap oleh valor-software adalah pilihan yang lebih baik karena animasi dibangun ke dalam komponen modalnya. Ng-bootstrap animasi masih tidak ada, modal bermunculan tanpa animasi adalah gelandangan utama. Alasan lain adalah bahwa Ng-bootstrap masih dalam versi beta dan saya tidak dapat menggunakannya untuk aplikasi produksi saya ketika membandingkan dengan ngx-bootstrap yang sudah memiliki versi kandidat rilis keluar (12.22.2017). Namun saya berharap kedua proyek ini berhasil dan semoga akan menghasilkan solusi yang solid.

Dilshan Liyanage
sumber
3
Ng-bootstrap 1.0.0 sekarang tersedia dan kompiler AOT dibuat tanpa masalah. Lihat github.com/ng-bootstrap/ng-bootstrap/blob/master/CHANGELOG.md
Stevethemacguy
16

Setuju dengan @Dilshan. Saya juga membuat keputusan untuk memilih ngx-bootstrap untuk produk baru kami. Setelah beberapa penelitian, saya menemukan ngx lebih matang dan stabil untuk produksi. ng-bootstrap sedang dalam pengembangan.

Sumber daya yang bagus untuk referensi, CoreUI.io memiliki proyek sampel CoreUI + Angular 5.x + ngx-bootstrap yang berfungsi penuh . Saya sebenarnya belajar ngx dari proyek ini. Anda dapat menelusuri pratinjau langsungnya atau mengunduh paket proyek.

Jiping
sumber
8
Bergantung pada bagaimana Anda mendefinisikan "dewasa", seperti ngx-bootstrap bahkan tidak memiliki tes tunggal pada apa pun. Sedangkan ng-bootstrap sepertinya sudah menguji semuanya.
Ricki Runge
Senang tahu, terima kasih telah berbagi. Saya percaya ng-bootstrap adalah cara yang tepat untuk pergi. Saya menyebutkan jatuh tempo hanya karena baru saja dirilis seminggu yang lalu. ("perpustakaan ini sedang dalam proses ...")
Jiping
4
Dalam ekosistem front-end open source saat ini, dewasa sekarang tampaknya berarti 'dirilis lebih dari 2 bulan lalu'. ;)
Eric Soyke
9

Saya telah menggunakan ngx-bootstrap (oleh Valor) dan ng-bootstrap (oleh ng-boostrap). Berikut adalah dua sen saya dari fitur unik yang Anda dapatkan dari mereka:

ngx-bootstrap:

  1. Dukungan animasi bawaan pada hampir semua hal (modals, akordion, collpase, dropdown, datepicker ...)
  2. Dukungan Modal yang lebih baik (modals bersarang, modal sebagai layanan, modal sebagai templat)
  3. Komponen yang Dapat Diurutkan (dengan Fitur Seret & Jatuhkan)

ng-bootstrap:

  1. Fitur Nav (Tabset telah dibuat usang)
  2. Komponen roti builtin
  3. Ukuran paket hampir setengah kali lipat ngx-bootstrap (diperkecil + Gzip)

Anda juga dapat membandingkan antara jumlah unduhan npm dengan npmtrends .

[Catatan: Jawaban saya didasarkan pada versi terbaru saat ini yaitu ngx-bootstrap v5.5.0 dan ng-boostrap v6.0.0]

Imtiaz Shakil Siddique
sumber
7

Satu perbedaan adalah dalam format yang digunakan oleh pemilih tanggal mereka. ng-bootstrap menggunakan objek, tetapi ngx-bootstrap akan mengambil string yang lebih mudah digunakan.

BBaysinger
sumber
7

ng-bootstrap tampaknya tidak didukung - permintaan teratas ditambahkan ke badan dan pengelola mengatakan dia tidak bekerja pada proyek.

Saya telah mengalihkan semuanya ke ngx-bootstrap

Steve
sumber
7

Ng-bootstrap yang dimaksud dalam pertanyaan (yang ada di https://ng-bootstrap.github.io ) bukan paket ng-bootstrap npm.

Sebagai gantinya, paket npm adalah @ ng-bootstrap / ng-bootstrap

Ini dikembangkan oleh tim yang berbeda.

$ npm view @ ng-bootstrap / ng-bootstrap

@ ng-bootstrap / ng-bootstrap @ 3.2.0 | MIT | deps: 1 | versi: 61 Bootstrap bertenaga sudut https://github.com/ng-bootstrap/ng-bootstrap#readme

Paket npm ng-bootstrap tampaknya memang versi ngx-bootstrap yang lebih lama.

Thor
sumber
4

Tidak begitu banyak jawaban sebagai komentar panjang ...

Saya tidak begitu yakin tentang tim yang independen. Berjalan npm view ngx-bootstrapdan npm view ng-bootstraptunjukkan bahwa keduanya diterbitkan dengan akun email yang sama.

Saya pikir kedua tim terkait.

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

npm lihat 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]>
Zarepheth
sumber
9
ng-bootstrap adalah nama lama untuk ngx-bootstrap . Untuk ng-bootstrap.github.io , nama paket npm adalah @ ng-bootstrap / ng-bootstrap , yaitunpm view @ng-bootstrap/ng-bootstrap
atao
1
Kedengarannya lebih seperti itu "pria valorkin" berasal dari ng-bootstrap dan membuka timnya sendiri "valor-software" untuk ngx
Facundo Colombier