I'm facing an issue with a class I've created called .lines-hover. My goal is to remove this class when the values in the td elements are empty.
For reference, take a look at this example:
If you observe closely, on some of the lines, such as Money Line, when it's empty, the .lines-hover class changes to false. I want to achieve this using ng-class, but being new to Angular, I found the examples in their documentation a bit confusing.
HTML:
<td class="lines-hover">
<a href="javascript:void(0);" >
<span ng-hide="row.noTotal">
{{:: row.total.type}}{{:: row.total.spread}}({{:: row.total.moneyLine}})
</span>
</a>
</td>
CSS:
.lines-hover:hover {
background: #3B3F45;
a {
color: #fff;
text-decoration: none;
}
}