How to apply styles to angular objects?

Question

Angular

app.directive("changeColors", function () {
return function (scope, element, attributes) {
// element -jqlite object
var elements = element.find("td"); //get all child elements
console.log( elements);
for(var i = 0; i < elements.length; i++) {
// if element contains red text, make it red
if (elements.eq(i).text() == "Online") {
elements .eq(i).css("color", "green")
}
}
}
})
This is js . and this is html
{{service.name}}
{{service.status}}
How do I apply a background color to the one generated by angular.
In a regular table, the jqlita code works.
Online - maybe because of this class.
Help plzz