2014-09-20 33 views
-4

我试图让每个div元素的内容一次一个地拖延一段时间。什么是最好的解决方案或可能的方式来做这个过渡。下面是当前的代码:如何让div元素ng-repeat自动显示一个div里面的内容

HTML代码:

<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控制器范围变量未来。我无法循环一次一个地重复内容。

+2

不清楚你问什么。可能是因为你在CSS中提到了问题,而在你的问题中没有CSS,但也因为我不真正了解通过创建一个“实时”磁贴。 – GolezTrol 2014-09-20 23:25:39

+0

我编辑我的div。我试图加载由ng-repeat创建的div来循环显示一次div。可能吗 ? – user1701450 2014-09-21 00:11:02

+0

你应该编辑你的问题在CSS部分更具体或删除CSS部分。 – 2014-09-21 00:24:08

回答

0

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

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

相关问题