อะไรคือความแตกต่างระหว่าง“ ng-bootstrap” และ“ ngx-bootstrap”?

ความแตกต่างระหว่าง "ng-bootstrap" และ "ngx-bootstrap" คืออะไร? พวกเขาเกี่ยวข้องกันหรือไม่? หรือพวกเขาเพียงแค่การใช้งานพร้อมกัน?

มีใครบางคนทำงานกับพวกเขาทั้งสองและสามารถให้ / อธิบายข้อดีและข้อเสียของทั้งสองได้หรือไม่

ด้วย "ng-bootstrap" ฉันหมายถึงhttps://ng-bootstrap.github.io/#/homeและ

ด้วย "NGX-บูต" ผมหมายถึงhttp://valor-software.com/ngx-bootstrap/

ทั้งเกี่ยวข้องกับ Angular 4 ( ไม่ใช่กับ AngularJS! ) และ Bootstrap 4

โปรดทราบว่านี่ไม่ใช่คำถามที่ซ้ำซ้อนของความแตกต่างระหว่าง ngx-bootstrap และ ng2 bootstrap? .

ng-bootstrap และ ngx-bootstrap เป็นสองโครงการที่แตกต่างกันโดยสองทีมโครงการที่พยายามทำสิ่งเดียวกันให้มากขึ้นหรือน้อยลง - ให้คุณใช้ Bootstrap ใน Angular (2+) โดยไม่ต้องใช้ jQuery

พวกเขากำลังสร้างองค์ประกอบ Bootstrap ขึ้นใหม่โดยใช้เพียง Angular (ไม่ใช่ jQuery) ความแตกต่างที่สำคัญคือ Bootstrap ที่สนับสนุน

• ngx-bootstrap รองรับ Bootstrap 3 และ 4
• ng-bootstrap รองรับ Bootstrap 4 และต้องการ Angular 5+

ซึ่งหมายความว่าหากคุณต้องการใช้ Bootstrap เวอร์ชัน 3 ดังนั้น ngx-bootstrap เป็นตัวเลือกที่แท้จริงของคุณสำหรับทั้งสอง หากคุณสามารถใช้ Bootstrap 4 คุณสามารถเลือกระหว่างสองโครงการ

ความแตกต่างอื่น ๆ (อาจสำคัญ) คือทีมที่อยู่เบื้องหลังโครงการ ประเด็นสำคัญที่ควรทราบในเรื่องนี้คือทีมงานที่อยู่เบื้องหลัง ng-bootstrap ก็มีส่วนรับผิดชอบต่อ angular-ui-bootstrap - AngularJS (เช่น 1.x) ของไลบรารี Bootstrap

ฉันกำลังคิดเกี่ยวกับสิ่งที่จะใช้สำหรับโครงการของฉันแล้วหลังจากเปรียบเทียบทั้งสองโครงการฉันคิดว่า ngx-bootstrap โดย valor-software เป็นตัวเลือกที่ดีกว่าเนื่องจากมันมีอนิเมชั่นติดตั้งอยู่ภายใน Ng-bootstrap อนิเมชั่นยังไม่ปรากฏ Modal popping up ที่ไม่มีอนิเมชั่นเป็นคนเกียจคร้านตัวใหญ่ เหตุผลอื่นคือ Ng-bootstrap ยังอยู่ในช่วงเบต้าและฉันไม่สามารถใช้สำหรับแอปพลิเคชันการผลิตของฉันได้เมื่อเปรียบเทียบกับ ngx-bootstrap ซึ่งมีรุ่นผู้สมัครออกมาแล้ว (12.22.2017) อย่างไรก็ตามฉันหวังว่าทั้งสองโครงการจะโชคดีและหวังว่าจะได้รับโซลูชั่นที่มั่นคง

เห็นด้วยกับ @Dilshan ฉันตัดสินใจเลือก ngx-bootstrap สำหรับผลิตภัณฑ์ใหม่ของเรา หลังจากการวิจัยบางอย่างฉันพบว่า ngx เป็นผู้ใหญ่มากขึ้นและมีเสถียรภาพสำหรับการผลิต ng-bootstrap อยู่ระหว่างการพัฒนา

ทรัพยากรที่ดีสำหรับการอ้างอิง, CoreUI.io มีการทำงานเต็มรูปแบบโครงการตัวอย่าง CoreUI + เชิงมุม 5.x + NGX-บูต ฉันได้เรียนรู้ ngx ​​จากโครงการนี้จริงๆ คุณสามารถเรียกดูตัวอย่างสดหรือดาวน์โหลดแพ็คเกจโครงการ

ฉันใช้ทั้ง ngx-bootstrap (โดย Valor) และ ng-bootstrap (โดย ng-boostrap) นี่คือสองเซ็นต์ของฉันของคุณสมบัติที่เป็นเอกลักษณ์ที่คุณได้รับจากพวกเขา:

NGX-บูต:

1. Builtin แอนิเมชันสนับสนุนเกือบทุกอย่าง (modals, หีบเพลง, collpase, dropdown, datepicker ... )
2. การสนับสนุน Modal ที่ดีขึ้น (modal แบบซ้อน, modal เป็นบริการ, modal เป็นแม่แบบ)
3. ส่วนประกอบที่เรียงได้ (พร้อมคุณสมบัติการลากและวาง)

NG-บูต:

1. คุณสมบัติการนำทาง (Tabset เลิกใช้แล้ว)
2. ส่วนประกอบ Builtin Toast
3. ขนาดแพคเกจเกือบครึ่งเท่าของ ngx-bootstrap (Minified + Gzipped)

นอกจากนี้คุณยังสามารถเปรียบเทียบระหว่างการดาวน์โหลดnpmด้วยการนับnpmtrends npmtrends

[หมายเหตุ: คำตอบของฉันขึ้นอยู่กับเวอร์ชันล่าสุดในปัจจุบันเช่น ngx-bootstrap v5.5.0 และ ng-boostrap v6.0.0]

ความแตกต่างอย่างหนึ่งคือในรูปแบบที่ใช้โดยตัวใช้เลือกวันที่ ng-bootstrap ใช้วัตถุ แต่ ngx-bootstrap จะใช้สตริงซึ่งเป็นวิธีที่ง่ายต่อการใช้

ng-bootstrap ไม่ได้รับการสนับสนุน - คำขอยอดนิยมคือผนวกเข้ากับเนื้อหาและผู้ดูแลบอกว่าเขาไม่ได้ทำงานในโครงการ

ฉันเปลี่ยนทุกอย่างเป็น ngx-bootstrap

ng-bootstrap ที่อ้างถึงในคำถาม (อันที่https://ng-bootstrap.github.io ) ไม่ใช่แพ็คเกจ npm ng-bootstrap

แต่แพ็คเกจ npm จะเป็น @ ng-bootstrap / ng-bootstrap

มันถูกพัฒนาโดยทีมอื่น

$ npm ดู @ ng-bootstrap / ng-bootstrap

@ ng-bootstrap / ng-bootstrap @ 3.2.0 | MIT | deps: 1 | เวอร์ชั่น: 61 Bootstrap ที่ทำงานด้วยพลังงานเชิงมุม https://github.com/ng-bootstrap/ng-bootstrap#readme

แพ็กเกจ npm ng-bootstrap ดูเหมือนจะเป็นรุ่นที่เก่ากว่าของ ngx-bootstrap

คำตอบไม่มากความคิดเห็นขยาย ...

ฉันไม่แน่ใจเกี่ยวกับทีมที่เป็นอิสระ เรียกใช้npm view ngx-bootstrapและnpm view ng-bootstrapแสดงว่าทั้งคู่ได้รับการเผยแพร่ด้วยบัญชีอีเมลเดียวกัน

ฉันคิดว่าทั้งสองทีมมีความเกี่ยวข้องกัน

มุมมองnpm 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 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>