2016-03-17 56 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元素。