Question

我正在使用jCarousel和AngularJS构建图像轮播。旋转木马很有效，直到我插入AngularJS，似乎是因为AngularJS正在规范化（删除）HTML中以data-开头的所有属性

规范化过程如下： - 从元素/属性的前面剥离x-和数据。

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

但是，jCarousel使用以data-开头的自己的属性，因此Angular会删除这些属性并导致轮播停止工作

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

我没有使用任何Angular data-前缀属性名称，所以有没有办法阻止Angular对data-属性进行规范化处理，以便不修改它们？或者也许有一种方法可以强制轮播代码在Angular规范化之前运行？

Answer 1

通过在HEAD中的Angular库之后列出jCarousel .js库来解决问题。这是一个示例，显示Angular填充和手动填充的轮播正常工作：

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>

阻止AngularJS删除数据属性

1 个答案: