ngAnimate不适用于Bootstrap V3列

时间:2018-08-08 18:56:21

标签: angularjs ng-animate

我在Bootstrap上有2列,当我在元素中执行ng-repeat时,我希望它动画。

我有一项服务,该服务会向我返回执行ng-repeat的json(是dados)

这是html

<div class="section">
  <div ng-repeat="i in dados">
    <div class="row row-eq-height" ng-if="$even">
      <div class="col-md-6 padding animate slide-top">
      <!-- <h5>Div 1 6 colunas</h5> -->
          <h5 style="font-size: 16px;"><strong>{{dados[$index].title}}</strong>&nbsp;&nbsp;<a class="btn btn-default btn-xs btn-twitter" target="_blank" href="#"><i class="fa fa-star">&nbsp;</i></a></h5>
          <span class="author-date" style="font-style: italic;">{{dados[$index].pubDate}}</span>&nbsp;<h5 class="recent-twt twitter-text" data-filter="eur chf">{{dados[$index].description}}</h5>
          <span style="color: #ccc;">by {{ dados[$index].author }}</span>&nbsp;
          <a class="btn btn-default btn-success" target="_blank" href="{{dados[$index].link}}">
          <i class="fa fa-fw fa-angle-up"></i>Abrir notícia</a>
        </div>
        <div class="col-md-6 padding animate slide-top" ng-show="dados[$index + 1]">
          <!-- <h5>Div 2 6 colunmas</h5> -->
          <h5 style="font-size: 16px;"><strong>{{dados[$index + 1].title}}</strong>&nbsp;&nbsp;<a class="btn btn-default btn-xs btn-twitter" target="_blank" href="#"><i class="fa fa-star">&nbsp;</i></a></h5>
          <span class="author-date" style="font-style: italic;">{{dados[$index + 1].pubDate}}</span>&nbsp;<h5 class="recent-twt twitter-text" data-filter="eur chf">{{dados[$index + 1].description}}</h5>
          <span style="color: #ccc;">by {{ dados[$index + 1].author }}</span>&nbsp;
          <a class="btn btn-default btn-success" target="_blank" href="{{dados[$index + 1].link}}">
          <i class="fa fa-fw fa-angle-up"></i>Abrir notícia</a>
        </div>


        </div>
    </div>
  </div>

我通常在我的app.js中注入ngAnimate。

我尝试不使用辅助库ngAnimate(可以在http://augus.github.io/ngAnimate/中找到)

我想要的是这些项目在演示中具有的相同效果。但是这些列没有生气勃勃,它们静止不动。

我做错什么了吗?

0 个答案:

没有答案