“Ng-bootstrap” ve “ngx-bootstrap” arasındaki fark nedir?

"Ng-bootstrap" ve "ngx-bootstrap" arasındaki fark nedir? Birbirleriyle ilişkili mi? Yoksa sadece eşzamanlı uygulamalar mı?

Birisi ikisiyle birlikte çalıştı ve her ikisinin artılarını ve eksilerini verebilir / açıklayabilir mi?

"Ng-bootstrap" ile https://ng-bootstrap.github.io/#/home ve

"ngx-bootstrap" ile http://valor-software.com/ngx-bootstrap/ kastediyorum .

Her ikisi de Açısal 4 ( AngularJS ile değil! ) Ve Bootstrap 4 ile ilgilidir.

Lütfen bunun ngx-bootstrap ve ng2 bootstrap arasındaki yinelenen bir fark olmadığını unutmayın ? .

ng-bootstrap ve ngx-bootstrap, aşağı yukarı aynı şeyi gerçekleştirmeye çalışan iki farklı proje ekibi tarafından iki farklı projedir - jQuery kullanmadan Açısal (2+) içinde Bootstrap kullanmanızı sağlar.

Her ikisi de sadece Angular (jQuery yok) kullanarak Bootstrap bileşenlerini yeniden inşa ediyorlar.

• ngx-bootstrap, Bootstrap 3 ve 4'ü destekler.
• ng-bootstrap, Bootstrap 4'ü destekler ve Angular 5+ gerektirir.

Bu, Bootstrap sürüm 3'ü kullanmanız gerekiyorsa, ngx-bootstrap'ın iki gerçek seçeneğiniz olduğu anlamına gelir. Bootstrap 4'ü kullanabiliyorsanız, iki proje arasında seçim yapabilirsiniz.

Diğer (potansiyel olarak önemli) fark, projelerin arkasındaki ekiplerdir. Bu bağlamda dikkat edilmesi gereken kilit nokta, ng-bootstrap'ın arkasındaki ekibin aynı zamanda Bootstrap kütüphanesinin AngularJS (yani 1.x) sürümü olan açısal-ui-bootstrap'tan da sorumlu olmasıydı.

Projem için ne kullanacağımı düşünüyordum ve daha sonra her iki projeyi de karşılaştırdıktan sonra valor-yazılım ile ngx-bootstrap'ın daha iyi bir seçenek olduğunu düşünüyorum, çünkü modal bileşeninde animasyon var. Ng-bootstrap animasyonu hala mevcut değil. Diğer bir neden ise Ng-bootstrap'ın hala beta sürümündedir ve zaten yayınlanmış bir aday sürümü olan ngx-bootstrap ile karşılaştırıldığında üretim uygulamam için kullanamadım (12.22.2017). Ancak her iki projeye de iyi şanslar diliyorum ve umarım sağlam çözümler üreteceğim.

@Dilshan ile aynı fikirde. Ayrıca yeni ürünümüz için ngx-bootstrap seçmeye karar verdim. Bazı araştırmalardan sonra ngx'in üretim için daha olgun ve kararlı olduğunu gördüm. ng-bootstrap geliştirilme aşamasındadır.

Başvuru için iyi bir kaynak olan CoreUI.io, tam fonksiyonel CoreUI + Açısal 5.x + ngx-bootstrap örnek projesine sahiptir . Aslında bu projeden ngx öğrendim. Canlı önizlemesine göz atabilir veya proje paketini indirebilirsiniz.

Ben ngx-bootstrap (Valor tarafından) ve ng-bootstrap (ng-boostrap tarafından) kullandım. İşte onlardan aldığınız benzersiz özelliklerden iki sentim:

NGX-önyükleme:

1. Neredeyse her şeye yerleşik animasyon desteği (modals, akordeon, collpase, açılır menü, tarih seçici ...)
2. Daha İyi Modal desteği (iç içe modals, hizmet olarak modal, şablon olarak modal)
3. Sıralanabilir Bileşen (Sürükle ve Bırak Özelliği ile)

ng önyükleme:

1. Gezinme Özelliği (Tabset kullanımdan kaldırıldı)
2. Yerleşik Tost bileşeni
3. Paket boyutu ngx-bootstrap'ın neredeyse yarısı kadardır (Minified + Gzipped)

Ayrıca npm indirme sayıları ile npmtrends arasında karşılaştırma yapabilirsiniz .

[Not: Cevabım mevcut en son sürümü temel alır örn. Ngx-bootstrap v5.5.0 ve ng-boostrap v6.0.0]

Farklardan biri tarih seçicileri tarafından kullanılan biçimdedir. ng-bootstrap bir nesne kullanır, ancak ngx-bootstrap kullanımı daha kolay bir dize alır.

ng-bootstrap desteklenmiyor gibi gözüküyor - en üst talep gövdeye ekleniyor ve bakımcı proje üzerinde çalışmadığını söylüyor.

Her şeyi ngx-bootstrap olarak değiştirdim

Soruda atıfta bulunulan ng-bootstrap ( https://ng-bootstrap.github.io adresindeki ) ng-bootstrap npm paketi ng-bootstrap değildir.

Bunun yerine, npm paketi @ ng-bootstrap / ng-bootstrap

Farklı bir ekip tarafından geliştirildi.

$ npm görünüm @ ng-bootstrap / ng-bootstrap

@ ng-bootstrap / ng-bootstrap @ 3.2.0 | MIT | deps: 1 | versiyonlar: 61 Açısal motorlu Bootstrap https://github.com/ng-bootstrap/ng-bootstrap#readme

Npm paketi ng-bootstrap gerçekten de ngx-bootstrap'ın daha eski bir sürümü gibi görünüyor.

Genişletilmiş bir yorum kadar bir cevap değil ...

Takımların bağımsız olduğundan emin değilim. Koşuyor npm view ngx-bootstrapve npm view ng-bootstrapher ikisinin de aynı e-posta hesabıyla yayınlandığını gösteriyor.

İki ekibin birbiriyle ilişkili olduğunu düşünüyorum.

npm görünümü 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 görünümü 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>