2014-09-20 85 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>