“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와 관련이 있습니다.

제발 참고이 경악 그 하지 의 중복 질문 NGX-부트 스트랩과 NG2 부트 스트랩의 차이? .

ng-bootstrap과 ngx-bootstrap은 동일한 작업을 수행하려는 두 개의 서로 다른 프로젝트 팀에 의해 서로 다른 두 개의 프로젝트로 jQuery를 사용하지 않고 Angular (2+)의 Bootstrap을 사용할 수 있습니다.

둘 다 Angular (jQuery 없음) 만 사용하여 Bootstrap 구성 요소를 다시 작성하고 있습니다. 주요 차이점은 지원하는 Bootstrap 버전과 다릅니다.

• ngx-bootstrap은 부트 스트랩 3과 4를 지원합니다.
• ng-bootstrap은 Bootstrap 4를 지원하며 Angular 5 이상이 필요합니다.

즉, Bootstrap 버전 3을 사용해야하는 경우 ngx-bootstrap이이 두 가지 옵션 중 유일한 옵션입니다. Bootstrap 4를 사용할 수 있다면 두 프로젝트 중에서 선택할 수 있습니다.

다른 (잠재적으로 중요한) 차이점은 프로젝트의 팀입니다. ng-bootstrap 뒤의 팀은 또한 angular-ui-bootstrap-AngularJS (즉, 1.x) 버전의 Bootstrap 라이브러리를 담당했습니다.

내 프로젝트에 무엇을 사용 해야할지 생각한 다음 두 프로젝트를 비교 한 후 valor-software의 ngx-bootstrap이 모달 구성 요소에 애니메이션이 내장되어 있기 때문에 더 나은 옵션이라고 생각합니다. Ng-bootstrap 애니메이션은 여전히 ​​존재하지 않습니다. 애니메이션없이 팝업되는 모달은 큰 문제입니다. 다른 이유는 Ng-bootstrap이 아직 베타 버전이므로 이미 릴리스 후보 버전이있는 ngx-bootstrap과 비교할 때 프로덕션 응용 프로그램에 사용할 수 없었기 때문입니다 (12.22.2017). 그러나 두 프로젝트 모두 행운을 빕니다.

@Dilshan에 동의하십시오. 또한 새 제품에 대해 ngx-bootstrap을 선택하기로 결정했습니다. 일부 연구 결과, ngx가 더 성숙하고 생산에 안정적이라는 것을 알았습니다. ng-bootstrap이 개발 중입니다.

참고 자료로 좋은 CoreUI.io에는 완전한 기능의 CoreUI + Angular 5.x + ngx-bootstrap 샘플 프로젝트가 있습니다. 실제로이 프로젝트에서 ngx를 배웠습니다. 라이브 미리보기를 찾아 보거나 프로젝트 패키지를 다운로드 할 수 있습니다.

ngx-bootstrap (valor)과 ng-bootstrap (ng-boostrap)을 모두 사용했습니다. 다음은 고유 한 기능 중 2 센트입니다.

ngx- 부트 스트랩 :

1. 거의 모든 것 (모달, 아코디언, 축소, 드롭 다운, 날짜 선택기 등)에 내장 된 애니메이션 지원
2. 더 나은 모달 지원 (중첩 모달, 서비스로 모달, 템플릿으로 모달)
3. 정렬 가능한 구성 요소 (드래그 앤 드롭 기능 사용)

ng-bootstrap :

1. 탐색 기능 (탭셋은 더 이상 사용되지 않음)
2. 내장 토스트 구성 요소
3. 패키지 크기는 ngx-bootstrap (Minified + Gzipped)의 거의 절반입니다.

npm 다운로드 수와 npmtrends를 비교할 수도 있습니다. .

[참고 : 제 답변은 현재 최신 버전 즉, ngx-bootstrap v5.5.0 및 ng-boostrap v6.0.0을 기반으로합니다]

한 가지 차이점은 날짜 선택기가 사용하는 형식입니다. ng-bootstrap은 객체를 사용하지만 ngx-bootstrap은 사용하기 쉬운 문자열을 사용합니다.

ng-bootstrap이 지원되지 않는 것 같습니다. 최상위 요청은 appendTo 본문이며 관리자는 프로젝트에서 작업하고 있지 않다고 말합니다.

모든 것을 ngx-bootstrap으로 전환했습니다.

질문에 언급 된 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 | 깊이 : 1 | 버전 : 61 Angular Powered 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>