элемент углового элемента foreach

Question

У меня установлен HTTP-запрос, который после выполнения всех обещаний вернет область действия. В этом случае это список продуктов.

Моя цель состоит в том, чтобы установить эти продукты, чтобы иметь непрозрачность 0 первоначально, а затем с Еогеасп добавить класс, который даст им прозрачность 1.

То, что я в настоящее время есть работы с уль элементом, но я не могу получить его с дочерними элементами.

Это в настоящее время в моем обещании:

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

Но никакое количество играя с .product-лист Li и т.д. не будут работать.

Любые идеи?

Пример 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; 
     } 
    } 
} 

Вложу тайм-аут в Еогеасп.

Answer 1

Я думаю, что ваш CSS (SASS МЕНЬШЕ?) Должно быть:

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

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

, как это выглядит, как вы добавляете loaded класс к ul элементу.