각도-UI를 부트 스트랩 및 bootstrap.js

내가 AngularJS와 아주 새로운 해요, 프로젝트에 각도 + 부트 스트랩을 사용하려고, 그래서 나는이각도-UI를 부트 스트랩 및 bootstrap.js

1. import angular.js 2. import bootstrap.js 3. import bootstrap.css

처럼해야하는 단계를 생각했다

그러나 나는 각도에 angular-ui bootstrap module이 발견, 그래서 두 방법으로 드롭 다운 메뉴를 작성하는 테스트, 그들은 모두 내가 권장되는 방법이어야한다 각-UI를 추측, 아주 잘 작동하지만 why shall I use angular-ui bootstrap rather than import bootstrap.js directly?

,536,

미리 감사드립니다.

출처

2015-01-26 Neeson.Z

각-UI-부트 스트랩은'bootstrap.js'입니다 * * NOT ** 추천. 'angular-ui.js' 라이브러리는 처음부터 다시 빌드 했으므로 원본보다 훨씬 더 작기 때문에'bootstrap.js'를 포함시켜야하는 커스텀 디렉티브와 bloat를 사용하여 수동으로 모든 데이터 바인딩을해야 할 것입니다 . 'angular-ui.js'를 사용하는 경우'jquery.js' 포함을 멈출 수도 있습니다. – diosney

'bootstrap.js'는 원시 jQuery를 사용하는데 Angular와는 잘 맞지 않습니다. 함께 사용하지 마십시오. – cvrebert

각도 UI는 부트 스트랩 자바 스크립트 구성 요소와 AngularJS 사이의 다리입니다. 즉, 편의를 위해 대부분의 부트 스트랩 구성 요소가 AngularJS 지시문에 래핑됩니다.

이

는 부트 스트랩 구성 요소를 사용하는 경우, 예를 들어, AngularJS와의 결합을 사용할 수 있다는 것을 의미한다 :

<div collapse="isCollapsed">  
    <div class="well well-lg">Some content</div>  
</div>

대신

$('#myCollapsible').collapse({ 
    toggle: false 
})

출처

2015-01-26 13:58:52 Ricconnect

angle-ui가 지시문에 boostrap을 정의했기 때문에 일부 효과를 얻고 싶다면 간단히 지시문 함수를 호출하면됩니다. –

AngularJS에서는 지시어에 대한 함수를 직접 호출하지 않습니다. html로 지시문을 배치 할 수 있으며 (예 : 접기 지시문과 같음) 위 지시문에 정보를 전달할 수 있습니다 (부트 스트랩 구성 요소가 축소되었는지 여부를 설정하기 위해 isCollapsed 부울을 전달할 때 위와 동일). Angular-UI는 AngularJS에서 필수적인 부트 스트랩 구성 요소를 조작하기 위해 jQuery를 사용해야하는 것을 방지합니다. – Ricconnect

당신이 angular ui-bootstrap module 통해 수행 할 수 있습니다 무엇을 달성하고자하는 경우, , twitter-bootstrap-js 라이브러리 대신에 이것을 사용해야합니다.

angular-ui bootstrap에는 모든 bootstrap-js 구성 요소가 있지만 각도 지시문으로 처음부터 작성되었습니다. (그러나 그들은 트위터 부트 스트랩을 사용합니다 CSS)

대안은 Twitter-bootstrap JS 구성 요소를 사용하고,이를 감싸는 자체 각도 지시문을 작성하는 것입니다. 이는 불필요한 번거 로움입니다.

그래서 :

수입 bootstrap.css

수입 angular.js

수입 직접 사용

출처

2015-01-26 13:59:09 Aravinda

각도-UI를 부트 스트랩 및 bootstrap.js

답변

관련 문제