anglejsを使用して要素の色を取得する方法

Question

角度jを使用して要素の色を取得しようとしていますが、失敗しています。

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); 
} 

私の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; 
} 

これは私のために何を返していないここで私がやっているものです。 助けてください。

Answer 1

あなたはフィドルがより速く私たちを助ける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') 
    }) 
}