UI Bootstrap Sample

UI Bootstrap Sample - Accordion

UI Bootstrap은 Angular UI Team 에서 bootstrap js 를 수정해서 만든 프로젝트입니다.

angular 와 bootstrap 의 최신 버젼을 지원하고 있습니다.

이 프로젝트는 의도는 

"bootstrap 의 javascript 요소를 angular directive 처리"

라고 보면 될 거 같습니다.

이 글을 참고해도 좋으실거구요.   http://mobicon.tistory.com/392

기존의 JavaScript Component를 처리하려면 Directive화 과정을 거쳐야 하는데 이런 번거로운 과정을 해소하고자 Bootstrap의 JavaScript Component를 Directive로 만들어 놓은 Angular UI Bootstrap이 나왔다. jQuery UI를 지원하기 위하여 Angular UI 에 상당부분 즐겨 사용하는 JavaScript Component를 포함시켰으나 이 또한 jQuery UI의 모든 것을 커버하고 있지는 못하다. 

이래저래 문제되는 것은 Angular.js를 기반으로 개발할 때 UI를 담당하는 JavaScript Component를 Angular.js의 Directive화를 잘 해야 한다는 것이다. 

샘플코드는 해당 페이지 ( http://angular-ui.github.io/bootstrap/ )  따라하면 되는데요.

bootstrap.js 대신 

ui-bootstrap-tpls-0.11.0.js 를 사용하는 부분이 있고

스크립트쪽에 angularjs 가 적용되어  있습니다.

살짝 더 해줘야 되는게 있는데  AngularJs 에 익숙하지 않다면....

해당 페이지에 있는 아래 버튼을 클릭하세요. 

plunker 페이지가 열리는데 그 쪽 소스를 참고하시면 됩니다.