2017-01-29 4 views
1

ng-bootstrap의 필요성에 관해서 혼란 스럽습니다. 우리가 사용하고있는 부트 스트랩 4 클래스를 곧바로 4 개의 클래스 (컨테이너 및 모달 포함)로 사용할 수 있다면? 특별한 이유없이 여러 장소에서 ng-bootstrap 및 bootstrap 4 구문을 사용하면 엉망이되고 있습니다. 둘 중 하나를 사용하는 일반적인 규칙이 있습니까?2 앵귤러 2 부트 스트랩 4 및 앤드 부트 스트랩

답변

3

ng-bootstrap을 사용하는 주된 이유 중 하나는 JavaScript 호환성 부분입니다.

일반 Twitter Bootstrap은 데이터 조작을 위해 jQuery를 사용합니다. 또한 ".active"와 같은 클래스를 설정하거나 기존 요소에서 클래스를 제거하여 요소의 상태를 조작합니다.

반면에 ng-bootstrap에서는 jQuery를 실행하지 않아도됩니다. 모든 요소는 jQuery를 필요로하지 않으며 앵귤러 코어와 함께 잘 작동하는 코드를 사용하여 토대로 빌드됩니다. 또한 부트 스트랩 CSS 파일을 사용하여 부트 스트랩 구성 요소의 모양과 느낌을 유지하는 데 도움이됩니다.

Twitter Bootstrap을 사용하는 경우 JavaScript 전용 jQuery에만 의존합니다. ng-bootstrap을 사용하면 jQuery 도메인에서 완전히 벗어나고 있으며 AngularJS만으로도 기능을 제공 할 수 있습니다. ng-bootstrap과 Twitter Bootstrap이 공통적으로 가지고있는 유일한 방법은 CSS 스타일링입니다.

호프가 혼란을 없애기를 바랍니다.

+0

예 감사합니다. 전체 트위터 부트 스트랩과 ngbootstrap을 사용하는 것이 잘못되었습니다 (한 프로젝트에서 두 가지를 모두 사용하는 것이 가장 좋습니다). 예를 들어, ng-bootstrap은 twitter-bootstrap이 제공하는 특정 기능을 제공하지 않습니다. 트위터 부트 스트랩에서 붙여 넣기 코드를 복사하여 사용하는 것이 좋지 않습니까? – user172902

+1

예, 좋을 것입니다. 그러나 그것의 JS 부분은 어떻습니까? 그것도 복사 하시겠습니까? 그리고 그렇게한다면 jQuery에 의존하지 않도록 할 수 있습니까? jQuery에서 적절한 코드를 복사하거나 jQuery를 AngularJS 프로젝트로 완전히 복사하려면 코드 확장 문제를 방지해야합니다. 사실, 다른 라이브러리와 함께 jQuery를 사용하여 Angular 2 앱으로 작업 할 때'assets' 폴더에 넣을 수 있습니다. 그러나 그것은 당신이 Angular의 경쟁력을 활용하지 않는다는 것을 의미합니다. AngularJS를 완성하기 위해 마이그레이션하는 것은 귀찮고 시간 소모적이지만 가치가 있습니다. – Devner