2016-03-17 55 views
0

我有一個HTTP請求設置比所有的承諾都滿足將返回範圍。在這種情況下,它的產品清單。角度foreach列表元素

我的目標是建立這些產品都爲0的透明度開始,然後在foreach加個班,這將給他們的1

我目前沒有與UI元素的作品的不透明度,但我無法與子元素相提並論。

這是目前我的承諾:

angular.forEach(angular.element(document.querySelector('.product-list')), function(value, key){ 
    var a = angular.element(value); 
    a.addClass("loaded"); 
}); 

但是沒有用。產品列表裏等播放量會工作。

任何想法?在HTML的

例子是:

<ul class="product-list"> 
    <li>item 1</li> 
    <li>Item 2</li> 
    <li>item 1</li> 
    <li>Item 2</li> 
</ul> 

和CSS:

.product-list { 
    li { 
     opacity: 0; 
     &.loaded { 
      opacity: 1; 
     } 
    } 
} 

而且我會把超時在foreach。

+0

什麼是相關的CSS和HTML? – Starscream1984

+0

@ Starscream1984編輯:) – Lovelock

+0

你是否100%確定代碼正在運行?我想如果你添加一個console.log(a)它不會顯示 – juvian

回答

0

我覺得你的CSS(SASS LESS?)應該是:

.product-list { 
    li { 
     opacity: 0;    
    } 

    &.loaded { 
     li { 
      opacity: 1; 
     } 
    } 
} 

,因爲它看起來像你所添加的loaded類的ul元素。