Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/427.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 角foreach列表元素_Javascript_Angularjs_Ionic Framework - Fatal编程技术网

Javascript 角foreach列表元素

Javascript 角foreach列表元素,javascript,angularjs,ionic-framework,Javascript,Angularjs,Ionic Framework,我设置了一个HTTP请求,在满足所有承诺后将返回范围。在这种情况下,它是一个产品列表 我的目标是最初将这些产品的不透明度设置为0,然后使用foreach添加一个类,该类将使它们的不透明度为1 我目前所拥有的可以与ul元素一起使用,但我无法与子元素一起使用 这是我目前的承诺: angular.forEach(angular.element(document.querySelector('.product-list')), function(value, key){ var a = angu

我设置了一个HTTP请求,在满足所有承诺后将返回范围。在这种情况下,它是一个产品列表

我的目标是最初将这些产品的不透明度设置为0,然后使用foreach添加一个类,该类将使它们的不透明度为1

我目前所拥有的可以与ul元素一起使用,但我无法与子元素一起使用

这是我目前的承诺:

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>
我将在foreach中设置一个超时。

我认为您的css(SASS?LESS?)应该是:

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

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

看起来您正在向
ul
元素添加
loaded
类。

相关的css和html是什么?@Starscream1984编辑:)您100%确定代码正在运行吗?我认为如果你添加一个console.log(a),它将不会显示
.product-list {
    li {
        opacity: 0;            
    }

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