2014-02-12 2 views
1

jCarousel과 AngularJS를 사용하여 이미지 회전식 건물을 만들고 있습니다. 내가 AngularJS와 플러그 때까지 회전 목마 잘 작동하며 AngularJS와는 정규화 과정과 같다 data-AngularJS가 데이터 인 속성을 제거하지 못하도록하십시오.

로 시작하는 HTML의 모든 속성을 정상화 (제거) 때문에 것 같다 다음과 - 스트립 x 및 데이터를 - 요소의 앞/속성에서.

http://docs.angularjs.org/guide/directive

그러나, jCarousel은 각도가이를 제거하고 회전 목마 내가 각도 중 하나를 사용하지 않는

<div class="connected-carousels ng-scope" ng-controller="ImageCtrl"> 
    <div class="stage"> 
     <div class="carousel carousel-stage" data-jcarousel="true"> 

작동이 중지됩니다 그래서, data-로 시작하는 자신의 속성의 사용 data- 접두사가 붙은 속성 이름은 Angular가 data- 속성의 정규화 프로세스를 수행하지 못하게하는 방법이 있습니까? 아니면 앵귤러 정규화 전에 회전식 코드를 실행하도록하는 방법이 있을까요?

+2

당신이 언급 무엇에 속성을 발견의의 각 내부 처리 실제로 지시는 그 단지 그들이 x 축을 말하고있다 data-ng-bind와 같은 속성 이름에서 데이터 부분이 실제로 ng-bind와 일치하는지 확인합니다. 실제로 요소에서 속성을 제거하지는 않습니다. –

+0

그것은 어떤 속성도 제거하지 않습니다. 지시문에 맞는 구문입니다. 코드에 다른 문제가 있습니다. plunker를 설정하거나 코드를 공유하십시오. –

+0

ok thanks = jsFiddle에서 작업 중입니다. –

답변

0

HEAD의 Angular 라이브러리 이후에 jCarousel .js 라이브러리를 나열하면이 문제가 해결되었습니다. 여기에 각도 인구가 수동으로 채워 회전 목마 모두가 제대로 작동을 보여주는 예제입니다 :

http://jsfiddle.net/rWrjw/

<script type='text/javascript' src='//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.1/angular.js'></script> 
    <script type='text/javascript' src='//cdn.jsdelivr.net/jcarousel/0.3rc1/jquery.jcarousel.min.js'></script>