Sự khác biệt giữa ăn ng-bootstrap và ăn ngx-bootstrap là gì?

Sự khác biệt giữa "ng-bootstrap" và "ngx-bootstrap" là gì? Họ có liên quan với nhau? Hay họ chỉ đơn giản là thực hiện đồng thời?

Có ai đó đã làm việc với cả hai và có thể đưa ra / giải thích ưu và nhược điểm của cả hai?

Với "ng-bootstrap", ý tôi là https://ng-bootstrap.github.io/#/home và

với "ngx-bootstrap" Ý tôi là http://valor-software.com/ngx-bootstrap/ .

Cả hai đều liên quan đến Angular 4 ( không phải AngularJS! ) Và Bootstrap 4.

Xin lưu ý rằng đây không phải là một câu hỏi trùng lặp về sự khác biệt giữa ngx-bootstrap và ng2 bootstrap? .

ng-bootstrap và ngx-bootstrap là hai dự án khác nhau của hai nhóm dự án khác nhau đang cố gắng thực hiện ít nhiều cùng một thứ - cho phép bạn sử dụng Bootstrap trong Angular (2+) mà không cần sử dụng jQuery.

Cả hai đều xây dựng lại các thành phần Bootstrap chỉ sử dụng Angular (không có jQuery). Những khác biệt chính là xung quanh phiên bản Bootstrap nào chúng hỗ trợ.

• ngx-bootstrap hỗ trợ Bootstrap 3 và 4.
• ng-bootstrap hỗ trợ Bootstrap 4 và yêu cầu Angular 5+.

Điều này có nghĩa là nếu bạn cần sử dụng Bootstrap phiên bản 3, thì ngx-bootstrap là lựa chọn thực sự duy nhất của bạn trong hai. Nếu bạn có thể sử dụng Bootstrap 4, thì bạn có thể chọn giữa hai dự án.

Sự khác biệt (có thể có ý nghĩa) khác là các nhóm đằng sau các dự án. Điểm mấu chốt cần lưu ý về vấn đề này là nhóm đằng sau ng-bootstrap cũng chịu trách nhiệm cho angular-ui-bootstrap - phiên bản AngularJS (tức là 1.x) của thư viện Bootstrap.

Tôi đã suy nghĩ về việc sử dụng cái gì cho dự án của mình và sau đó sau khi so sánh cả hai dự án tôi nghĩ ngx-bootstrap bằng valor-software là một lựa chọn tốt hơn vì nó có hoạt hình được tích hợp trong thành phần phương thức. Ng-bootstrap hoạt hình vẫn chưa có mặt, Một phương thức bật lên mà không có hoạt hình là một lỗi lớn. Lý do khác là Ng-bootstrap vẫn đang trong giai đoạn thử nghiệm và tôi không thể sử dụng nó cho ứng dụng sản xuất của mình khi so sánh với ngx-bootstrap đã có phiên bản ứng cử viên phát hành (12.22.2017). Tuy nhiên tôi chúc cả hai dự án may mắn và hy vọng sẽ đưa ra giải pháp vững chắc.

Đồng ý với @Dil Sơn. Tôi cũng đã quyết định chọn ngx-bootstrap cho sản phẩm mới của chúng tôi. Sau một số nghiên cứu, tôi thấy ngx trưởng thành hơn và ổn định hơn cho sản xuất. ng-bootstrap đang được phát triển.

Một tài nguyên tốt để tham khảo, CoreUI.io có một dự án mẫu CoreUI + Angular 5.x + ngx-bootstrap đầy đủ chức năng . Tôi thực sự đã học ngx từ dự án này. Bạn có thể duyệt bản xem trước trực tiếp của nó hoặc tải xuống gói dự án.

Tôi đã sử dụng cả ngx-bootstrap (bởi Valor) và ng-bootstrap (bởi ng-boostrap). Dưới đây là hai xu của tôi về các tính năng độc đáo bạn nhận được từ chúng:

ngx-bootstrap:

1. Hoạt hình tích hợp hỗ trợ trên hầu hết mọi thứ (modals, accordion, collpase, dropdown, datepicker ...)
2. Hỗ trợ phương thức tốt hơn (phương thức lồng nhau, phương thức như một dịch vụ, phương thức làm mẫu)
3. Thành phần có thể sắp xếp (với tính năng Kéo và Thả)

ng-bootstrap:

1. Tính năng Nav (Tabset đã bị phản đối)
2. Thành phần bánh mì nướng
3. Kích thước gói gần gấp rưỡi so với ngx-bootstrap (Thu nhỏ + Gzipped)

Bạn cũng có thể so sánh giữa số lần tải xuống npm của họ với npmtrends .

[Lưu ý: Câu trả lời của tôi dựa trên phiên bản mới nhất hiện tại, ví dụ ngx-bootstrap v5.5.0 và ng-boostrap v6.0.0]

Một sự khác biệt là trong định dạng được sử dụng bởi bộ chọn ngày của họ. ng-bootstrap sử dụng một đối tượng, nhưng ngx-bootstrap sẽ lấy một chuỗi dễ sử dụng hơn.

ng-bootstrap dường như không được hỗ trợ - yêu cầu hàng đầu là appendTo body và người bảo trì nói rằng anh ta không làm việc trong dự án.

Tôi đã chuyển mọi thứ sang ngx-bootstrap

Ng-bootstrap được đề cập trong câu hỏi (câu hỏi tại https://ng-bootstrap.github.io ) không phải là gói npm ng-bootstrap.

Thay vào đó, gói npm là @ ng-bootstrap / ng-bootstrap

Nó được phát triển bởi một nhóm khác nhau.

$ npm xem @ ng-bootstrap / ng-bootstrap

@ ng-bootstrap / ng-bootstrap @ 3.2.0 | MIT | deps: 1 | phiên bản: 61 Bootstrap hỗ trợ góc cạnh https://github.com/ng-bootstrap/ng-bootstrap#readme

Gói npm ng-bootstrap thực sự là một phiên bản cũ của ngx-bootstrap.

Không có nhiều câu trả lời như một bình luận mở rộng ...

Tôi không chắc chắn về các đội độc lập. Chạy npm view ngx-bootstrapvà npm view ng-bootstrapcho thấy rằng cả hai đã được xuất bản với cùng một tài khoản email.

Tôi đang nghĩ hai đội có liên quan với nhau.

npm xem 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 xem 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>