Javascript 角度动画'；带角度引导的s classNameFilter

首先，我必须在应用程序中使用

$animateProvider.classNameFilter（）

。它加速了一切

在0.12中。*angular引导未使用ngAnimate。因此，我能够使用

$animateProvider.classNameFilter（/animate/）

以及正确设置动画的角度引导

现在我要迁移到一个新的角度和引导版本。更改库文件后，accordion和collapse停止工作。我发现上面的函数导致了我的问题：（example.js中的注释/取消注释第4行）

---

如何正确使用此功能？正则表达式应该如何覆盖ngAnimate和angular bootstrap中的所有动画？

选项1-将

animate

类添加到要使用angular bootstrap设置动画的每个元素中。使用旋转木马的示例

<div uib-carousel active="active" interval="-1" no-wrap="true">
  <div uib-slide class="animate" index="0">
    <img src="http://nick.mtvnimages.com/nick/video/images/nick/spongebob-050-full-episode-16x9.jpg" style="width:100%">
    <div class="carousel-caption">
      <h4>Custom slide 1!!</h4>
    </div>
  </div>
  <div uib-slide class="animate" index="1">
    <img src="http://nick.mtvnimages.com/nick/video/images/nick/spongebob-050-full-episode-16x9.jpg" style="width:100%">
    <div class="carousel-caption">
      <h4>Custom slide 2!!</h4>
    </div>
  </div>
  <div uib-slide class="animate" index="2">
    <img src="http://nick.mtvnimages.com/nick/video/images/nick/spongebob-050-full-episode-16x9.jpg" style="width:100%">
    <div class="carousel-caption">
      <h4>Custom slide 3!!</h4>
    </div>
  </div>
</div>

自定义幻灯片1！！
自定义幻灯片2！！
自定义幻灯片3！！

选项2-不要调用

classNameFilter

。缺点：将HTML保持浅层，即确保用于承载

animate

类的元素不嵌套在类/可见性将发生变化的父div中，因为

数据ng animate

应用于最顶层的元素，并且内部函数

区域动画已取消

（angular animate.js）将阻止任何子对象的动画

---

另外，我希望angular bootstrap提供某种配置，以便更好地使用

classNameFilter

选项1-将

animate

类添加到要使用angular bootstrap设置动画的每个元素中。使用旋转木马的示例

<div uib-carousel active="active" interval="-1" no-wrap="true">
  <div uib-slide class="animate" index="0">
    <img src="http://nick.mtvnimages.com/nick/video/images/nick/spongebob-050-full-episode-16x9.jpg" style="width:100%">
    <div class="carousel-caption">
      <h4>Custom slide 1!!</h4>
    </div>
  </div>
  <div uib-slide class="animate" index="1">
    <img src="http://nick.mtvnimages.com/nick/video/images/nick/spongebob-050-full-episode-16x9.jpg" style="width:100%">
    <div class="carousel-caption">
      <h4>Custom slide 2!!</h4>
    </div>
  </div>
  <div uib-slide class="animate" index="2">
    <img src="http://nick.mtvnimages.com/nick/video/images/nick/spongebob-050-full-episode-16x9.jpg" style="width:100%">
    <div class="carousel-caption">
      <h4>Custom slide 3!!</h4>
    </div>
  </div>
</div>

自定义幻灯片1！！
自定义幻灯片2！！
自定义幻灯片3！！

选项2-不要调用

classNameFilter

。缺点：将HTML保持浅层，即确保用于承载

animate

类的元素不嵌套在类/可见性将发生变化的父div中，因为

数据ng animate

应用于最顶层的元素，并且内部函数

区域动画已取消

（angular animate.js）将阻止任何子对象的动画

另外，我希望angular bootstrap提供某种配置，以便更好地使用

classNameFilter