angularjs öğesini kullanarak bir öğenin rengini alma

Question

Açısal j'ler kullanarak bir öğenin rengini almaya çalışıyorum, ancak başarısız oldum.

function colorApply() { 
var cardsList = document.getElementsByClassName("card-abbr"); 
$timeout(function() { 
    angular.forEach(cardsList, function(value) { 
    var color = value.css('color'); 
    /*var color = value.style.color;*/ 
    console.log(color); 
    }); 
}, 1000); 
} 

Benim CSS:

.card-abbr:nth-child(1n) { 
    color: #EF2525; 
} 
.card-abbr:nth-child(2n) { 
    color: #88ba41; 
} 
.card-abbr:nth-child(3n) { 
    color: #850057; 
} 
.card-abbr:nth-child(4n) { 
    color: #003f60; 
} 
.card-abbr:nth-child(5n) { 
    color: #588ba3; 
} 

Bu benim için hiçbir şey dönüyor İşte ben ne yapıyorum olduğunu. Lütfen yardım edin.

Answer 1

Bir keman daha hızlı bize yardımcı olacaktır window.getComputedStyle

function colorApply() { 
    var cardsList = document.getElementsByClassName('card-abbr') 
    angular.forEach(cardsList, function(el) { 
    var style = window.getComputedStyle(el, null) 
    var color = style.getPropertyValue('color') 
    }) 
}