如何使div元素ng-repeat自动一次显示一个div

时间:2014-09-20 23:20:04

标签: javascript jquery html css angularjs

我试图一次一个地创建每个div元素的内容,但有一些延迟。什么是最佳解决方案或可能的方式来进行此转换。这是当前的代码:

HTML code:

   <div>
    <div class="content repeat-item" data-ng-repeat="item in ItemsList">
        <div>{{item.ItemColumn2}}</div>
    </div>
   </div>

CSS代码:

.content.repeat-item.ng-enter,
.content.repeat-item.ng-leave {
-webkit-transition:0.5s linear all;
 transition:0.5s linear all;
 }

.content.repeat-item.ng-enter,
 .content.repeat-item.ng-leave.ng-leave-active {
  opacity:0;
 }
 .content.repeat-item.ng-leave,
 .content.repeat-item.ng-enter.ng-enter-active {
  opacity:1;
 }

这里Itemslist和menu_info数据来自angularjs控制器范围变量。我无法循环ng-repeat,就像一次一个内容一样。

1 个答案:

答案 0 :(得分:0)

你的问题不清楚..你只需要显示ng-repeat的第一个元素吗? 仅显示第一个元素,您可以使用此

<div> <div class="content repeat-item" data-ng-repeat="item in ItemsList" ng-show="$first"> <div>{{item.ItemColumn2}}</div> </div> </div>