"ng-bootstrap"과 "ngx-bootstrap"의 차이점은 무엇입니까?
사이의 차이점은 무엇입니까?ng-bootstrap그리고.ngx-bootstrap그들은 서로 친척입니까?아니면 단순히 동시 구현입니까?
이 두 가지 모두와 함께 작업한 적이 있으며 두 가지 모두에 대한 장단점을 설명할 수 있는 사람이 있습니까?
와 함께ng-bootstrap내 말은 ng-bootstrap.github과
와 함께ngx-bootstrap용기-소프트웨어-ngx-부트스트랩 말입니다.
두 가지 모두 각도 4와 관련됨(각도와 관련되지 않음)JS!) 및 부트스트랩 4.
이것은 ngx-bootstrap과 ng2 부트스트랩의 차이에 대한 중복된 질문이 아닙니다.
ng-bootstrap과 ngx-bootstrap은 거의 같은 것을 달성하려고 하는 두 개의 다른 프로젝트 팀에 의한 두 개의 다른 프로젝트입니다. - 당신은 jQuery를 사용하지 않고 Angular (2+)에서 부트스트랩을 사용할 수 있습니다.
둘 다 Angular(jQuery 없음)만을 사용하여 부트스트랩 구성 요소를 재구축하고 있습니다.주요 차이점은 지원하는 부트스트랩 버전입니다.
- ngx-bootstrap은 부트스트랩 3 및 4를 지원합니다.
- ng-bootstrap은 부트스트랩 4를 지원하며 Angular 5+가 필요합니다.
이는 부트스트랩 버전 3을 사용해야 하는 경우 ngx-bootstrap이 두 가지 중 유일한 실제 옵션임을 의미합니다.부트스트랩 4를 사용할 수 있다면 두 프로젝트 중 하나를 선택할 수 있습니다.
또 다른(잠재적으로 중요한) 차이점은 프로젝트를 지원하는 팀입니다.이와 관련하여 주목해야 할 핵심은 ng-bootstrap 뒤에 있는 팀이 부트스트랩 라이브러리의 AngularJS(즉, 1.x) 버전인 Angular-ui-bootstrap도 담당했다는 것입니다.
저는 제 프로젝트에 무엇을 사용할지 고민하다가 두 프로젝트를 비교한 후에 용맹 소프트웨어에 의한 ngx-bootstrap은 모달 구성 요소에 애니메이션이 내장되어 있기 때문에 더 나은 옵션이라고 생각합니다.애니메이션이 아직 존재하지 않는 Ng-bootstrap, 애니메이션 없이 나타나는 모달은 큰 실망입니다.다른 이유는 Ng-bootstrap이 아직 베타 버전이기 때문에 이미 출시 후보 버전이 나와 있는 ngx-bootstrap과 비교했을 때 운영 애플리케이션에 사용할 수 없었기 때문입니다(2017년 12월 22일).하지만 두 프로젝트 모두에 행운이 깃들기를 바라며 확실한 해결책이 나오기를 바랍니다.
2022년 업데이트:두 도서관 모두 많은 업데이트를 했고 많은 개선을 했습니다.그러나 원래 부트스트랩에서 구현된 구성 요소에 따라 다릅니다.다음은 이들 간의 주요 차이점입니다.
- 부트스트랩의 오프캔버스 기능이 지원됩니다.
- 토스트 기능 구현
- 부트스트랩 문서 프레임워크 목록에서 강조 표시됨
기타 비교 도구:
- npm 추세: npm 다운로드 수 간 비교
- npmcompare: 패키지 간의 일반적인 비교.
2021 업데이트:v8.0.0부터는 ng-boostrap 애니메이션이 기본적으로 설정되며 모든 표준 부트스트랩 구성 요소에서 사용할 수 있습니다.
2020 업데이트:
저는 ngx-bootstrap(valor 기준)과 ng-bootstrap(ng-boostrap 기준)을 모두 사용했습니다.여기 당신이 그들에게서 얻을 수 있는 독특한 특징에 대한 나의 2센트가 있습니다.
- 거의 모든 것에 대한 애니메이션 지원 내장(모달, 아코디언, 콜프레이스, 드롭다운, 날짜 선택기...)
- 향상된 모달 지원(내포된 모달, 서비스로서의 모달, 템플릿으로서의 모달)
- 정렬 가능한 구성 요소(끌기 및 놓기 기능 포함)
- Nav 기능(탭셋이 더 이상 사용되지 않음)
- 내장 토스트 구성 요소
- 패키지 크기가 ngx-bootstrap(최소화 + Gzip)의 거의 절반임
[참고: 내 대답은 현재 최신 버전, 즉 engx-bootstrap v5.5.0 및 ng-boostrap v6.0.0을 기반으로 합니다.]
@Dilshan에 동의합니다.저는 또한 우리의 신제품에 ngx-bootstrap을 선택하기로 결정했습니다.조사한 결과 ngx가 더 성숙하고 안정적으로 생산할 수 있다는 것을 알게 되었습니다.ng-bootstrap이 개발 중입니다.
참조하기 좋은 자료인 CoreUI.io 에는 Core 기능이 모두 포함되어 있습니다.UI + Angular 5.x + ngx-bootstrap 샘플 프로젝트.저는 사실 이 프로젝트에서 ngx를 배웠습니다.라이브 미리 보기를 찾아보거나 프로젝트 패키지를 다운로드할 수 있습니다.
한 가지 차이점은 달력 보기에서 사용하는 형식입니다. ng-bootstrap은 개체를 사용하지만 ngx-bootstrap은 사용하기 훨씬 쉬운 문자열을 사용합니다.
질문에서 언급된 ng-bootstrap(https://ng-bootstrap.github.io 의 ng-bootstrap)은 npm 패키지 ng-bootstrap이 아닙니다.
대신 npm 패키지는 @ng-bootstrap/ng-bootstrap입니다.
그것은 다른 팀에 의해 개발되었습니다.
npm 보기 @ng-bootstrap/ng-bootstrap
@ng-bootstrap/ng-bootstrap@3.2.0 | MIT | deps | 1 | 버전: 61 Angular powered 부트스트랩 https://github.com/ng-bootstrap/ng-bootstrap#readme
npm 패키지 ng-bootstrap은 실제로 ngx-bootstrap의 이전 버전인 것 같습니다.
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 viewing-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>
필요에 따라 다르지만 경험칙에 따라 다음과 같은 이유로 일반적으로 ng-bootstrap이 더 적합합니다.
- ng-bootstrap에는 별이 더 많습니다.
- ng-bootstrap은 비교적 새로운 솔루션입니다.
- ng-bootstrap이 더 가볍습니다.
제가 부트스트랩 3을 선택해야 하는 특별한 이유가 없다면 ng-bootstrap을 선호해야 합니다.
사실 및 수치에 대한 자세한 내용은 다음 github 저장소를 참조하십시오.
언급URL : https://stackoverflow.com/questions/43758400/what-is-the-difference-between-ng-bootstrap-and-ngx-bootstrap
'bestsource' 카테고리의 다른 글
| pip로 설치된 모든 패키지를 제거하려면 어떻게 해야 합니까? (0) | 2023.04.29 |
|---|---|
| XAML만 사용하여 단색 삼각형 그리기 (0) | 2023.04.29 |
| 반응형 양식 - 필드를 터치됨으로 표시 (0) | 2023.04.24 |
| SQL Azure + 'MultipleActiveResultSets=True'를 설정한 후에도 '이 명령과 연결된 열려 있는 DataReader가 이미 있습니다.'라는 오류가 표시됨 (0) | 2023.04.24 |
| Azure VM의 빈 디스크 공간 모니터링 (0) | 2023.04.24 |