“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-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의 이전 버전 인 것으로 보입니다.
